/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/layout.js","import":"Space_Grotesk","arguments":[{"subsets":["latin"],"weight":["400","500","700"],"variable":"--font-space-grotesk"}],"variableName":"spaceGrotesk"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/7cba1811e3c25a15-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/7cba1811e3c25a15-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e1aab0933260df4d-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/b7387a63dd068245-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/7cba1811e3c25a15-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Space Grotesk Fallback';src: local("Arial");ascent-override: 89.71%;descent-override: 26.62%;line-gap-override: 0.00%;size-adjust: 109.69%
}.__className_2fd63e {font-family: 'Space Grotesk', 'Space Grotesk Fallback';font-style: normal
}.__variable_2fd63e {--font-space-grotesk: 'Space Grotesk', 'Space Grotesk Fallback'
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/global.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
:root {
  --global-color-1: #640D53;
  --global-color-2: #f4f8fa;
  --global-btn-color-1: #CF0679;
  --darkColor: #000;
  --global-spl: #f6efef;
  --global-whiteColor: #fff;
  --global-yellowColor: #ffc412;
  --global-textColor: #282F4B;
  --global-darkColor: #222;
  --global-liteColor: #f2f2f2;
  --global-background: #ffffff;
  --global-foreground: #171717;
  --global-font-1: "Space Grotesk", sans-serif;
  --global-font-2: "Space Grotesk", sans-serif;
}

.nextjs-toast,
div[class*=nextjs] {
  display: none !important;
}

html {
  overflow-x: hidden !important;
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

body {
  background: var(--global-background);
  color: var(--global-foreground);
  font-family: var(--global-font-1);
  margin: 0;
}
@media (max-width: 991px) {
  body {
    overflow-x: hidden !important;
  }
}

h1, h2, h3, h4, h5, h6, a, button {
  margin: 0;
  padding: 0;
  font-family: var(--global-font-2);
  font-weight: bold;
}

select {
  font-family: var(--global-font-2);
}

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

ol li {
  color: red;
}

.w-100 {
  width: 100%;
}

.relative-img {
  position: relative;
}

.container-mini {
  max-width: 900px;
  margin: auto;
  padding: 0 15px;
}
.container-mini font {
  font-size: 16px;
  margin-top: 10px;
}

a {
  text-decoration: none;
}

.dis0 {
  display: none;
}

.radio-group {
  margin-bottom: 20px;
}
.radio-group.with-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
}
@media (max-width: 559px) {
  .radio-group.with-grid {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.radio-group label.read {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.radio-group .inline-radio label {
  margin-right: 10px;
  font-size: 16px;
}

.field-group {
  margin-bottom: 15px;
}
.field-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.field-group input {
  width: 100%;
  border-radius: 6px;
  height: 45px;
  padding: 0 10px;
  font-size: 16px;
  border: 1px solid #222;
  box-sizing: border-box;
}
.field-group select {
  width: 100%;
  border-radius: 6px;
  height: 45px;
  padding: 0 10px;
  font-size: 16px;
  border: 1px solid #222;
  box-sizing: border-box;
}
.field-group button {
  border: none;
  width: 100%;
  margin-top: 30px;
}

.relative-img {
  position: relative;
}

.btn-1 {
  overflow: hidden;
  border: none;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: 0;
  position: relative;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  margin: 0 auto;
  padding: 16px 30px;
  border-radius: 10px;
  display: inline-block;
  letter-spacing: 0.1rem;
  background: var(--global-btn-color-1);
  transition-duration: 0.3s;
  box-shadow: 0 8px 6px -6px rgba(50, 51, 51, 0.4);
}
.btn-1.mini {
  padding: 6px 13px;
  font-size: 12px;
  border-radius: 7px;
}
.btn-1.t2 {
  background-color: var(--global-color-2);
}
.btn-1.t2:hover {
  background-color: var(--global-color-1);
  font-weight: bold;
}
.btn-1.big {
  padding: 15px 20px;
  font-size: 15px;
}
.btn-1.bg1 {
  background-color: var(--global-color-2);
}
.btn-1 span {
  position: relative;
  z-index: 1;
}
.btn-1 span.rupee {
  font-size: 20px;
}
.btn-1:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 14px;
  height: 200px;
  width: 200px;
  background: #1b273d;
  transition: all 0.5s ease-in-out;
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
  opacity: 0.15;
}
.btn-1:hover {
  color: #fff;
  transition-duration: 0.3s;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  background-color: var(--global-color-1);
}
.btn-1:after {
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
  height: 604%;
  width: 300px;
  left: 43px;
  border-radius: 100%;
}

.btn-2 {
  border: 2px solid var(--global-color-1);
  color: var(--global-color-1);
  display: inline-block;
  padding: 6px 16px;
  border-radius: 10px;
  font-size: 14px;
}
.btn-2:hover {
  border-color: red;
  color: red;
}

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

.title-1 {
  margin-bottom: 30px;
}
.title-1 h3 {
  font-size: 20px;
  color: var(--global-color-1);
  margin-bottom: 5px;
  text-transform: uppercase;
}
.title-1 h4 {
  font-size: 24px;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 5px;
}
.title-1 p {
  font-size: 15px;
}

.points ul {
  margin: 0 0 30px;
  padding: 0;
}
.points ul li {
  position: relative;
  display: block;
  padding-left: 35px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #222;
  font-size: 16px;
}
.points ul li::before {
  position: absolute;
  color: green;
  content: "✔";
  font-size: 20px;
  margin-right: 5px;
  left: 0;
  top: 0;
}

section.common {
  position: relative;
}
section.common .container {
  max-width: 1200px;
  margin: auto;
}

.preloader {
  position: fixed;
  background-image: linear-gradient(to right, #640D53, #7C0B5E, #DF5E9D, #DF5E9D, #9B0067, #BD0072);
  padding: 10px;
  text-align: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
.preloader img {
  margin: auto;
  max-width: 300px;
}

ul.points-list {
  margin-bottom: 20px;
}
ul.points-list li {
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  color: #000;
}
ul.points-list li::before {
  color: green;
  content: "✔";
  margin-right: 5px;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

/* HEADER */
header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
  width: 100%;
  -o-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  padding: 6px 6px 0;
}
header .container {
  max-width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: 170px 1fr 170px;
}
header .container .logo-part {
  padding: 2px 0;
  position: relative;
  width: 160px;
}
header .container .logo-part img {
  width: 100%;
  max-width: 120px;
}
@media (max-width: 767px) {
  header .container .logo-part img {
    max-width: 100px;
  }
}
@media (max-width: 767px) {
  header .container .logo-part {
    width: 100px;
  }
}
header .container .menu-part {
  text-align: center;
  text-transform: uppercase;
  display: flex;
}
header .container .menu-part ul {
  margin: auto;
}
header .container .menu-part ul li {
  display: inline-block;
}
header .container .menu-part ul li a {
  color: #444;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 14px 16px;
  border-bottom: 2px solid transparent;
}
header .container .menu-part ul li a.active {
  color: var(--global-color-1);
  border-bottom: 2px solid var(--global-color-1);
  box-sizing: border-box;
}
@media (max-width: 1025px) {
  header .container .menu-part ul li a span {
    display: block;
  }
}
@media (max-width: 767px) {
  header .container .menu-part {
    display: none;
  }
}
header .container .apply-part {
  text-align: right;
}
header .container .apply-part p a {
  color: #222;
  margin: auto;
}
@media (max-width: 767px) {
  header .container .apply-part {
    display: flex;
  }
  header .container .apply-part p {
    margin: 0px 0 10px;
    padding-right: 10px;
    display: flex;
  }
}
@media (max-width: 767px) {
  header .container {
    grid-template-columns: 1fr auto;
  }
  header .container .logo-part img {
    width: 100px;
  }
  header .container .apply-part {
    text-align: right;
  }
  header .container .apply-part .btn-1 {
    padding: 10px 18px;
    font-size: 12px;
  }
}

/* HOME ABOUT */
section.full-banner .swiper-button-prev:after, section.full-banner .swiper-button-next:after {
  font-size: 26px;
  color: yellow;
}
section.full-banner .swiper-pagination-bullet {
  background-color: #fff;
}
section.full-banner .swiper-pagination-bullet.swiper-pagination-bullet {
  background-color: yellow;
}
@media (max-width: 767px) {
  section.full-banner .swiper-button-prev {
    display: none;
  }
}
@media (max-width: 767px) {
  section.full-banner .swiper-button-next {
    display: none;
  }
}
section.full-banner .imgs {
  width: 100%;
  position: relative;
}
section.full-banner .imgs img {
  width: 100%;
}

section.colorful-boxes {
  position: relative;
  z-index: 10;
}
section.colorful-boxes .colorful-box-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1150px;
  margin: -35px auto 0;
}
section.colorful-boxes .colorful-box-grid .colorful-box {
  background-color: var(--global-btn-color-1);
  padding: 15px 15px 20px;
  display: grid;
  grid-template-columns: 90px 1fr;
  grid-gap: 15px;
  position: relative;
  box-sizing: border-box;
}
section.colorful-boxes .colorful-box-grid .colorful-box:nth-child(2) {
  background-color: var(--global-color-1);
}
section.colorful-boxes .colorful-box-grid .colorful-box:nth-child(2)::before {
  border-color: var(--global-btn-color-1);
  color: var(--global-btn-color-1);
}
section.colorful-boxes .colorful-box-grid .colorful-box .left {
  display: flex;
  background-color: #ffebeb;
  border-radius: 10px;
}
@media (max-width: 559px) {
  section.colorful-boxes .colorful-box-grid .colorful-box .left {
    padding: 10px 0;
  }
}
section.colorful-boxes .colorful-box-grid .colorful-box .left img {
  margin: auto;
  width: 100%;
  max-width: 50px;
}
section.colorful-boxes .colorful-box-grid .colorful-box .right * {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
section.colorful-boxes .colorful-box-grid .colorful-box .right p {
  margin-bottom: 0;
  color: rgb(245, 236, 116);
  font-size: 20px;
}
section.colorful-boxes .colorful-box-grid .colorful-box .right h4 {
  margin: 5px 0 10px;
  font-size: 17px;
  text-transform: none;
}
section.colorful-boxes .colorful-box-grid .colorful-box .right h6 {
  font-size: 15px;
}
@media (max-width: 991px) {
  section.colorful-boxes .colorful-box-grid .colorful-box {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  section.colorful-boxes .colorful-box-grid .colorful-box {
    grid-template-columns: 70px 1fr;
    margin-bottom: 30px;
    border-radius: 10px;
    text-align: left;
  }
}
@media (max-width: 991px) and (max-width: 767px) and (max-width: 559px) {
  section.colorful-boxes .colorful-box-grid .colorful-box {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  section.colorful-boxes .colorful-box-grid {
    grid-template-columns: 1fr;
    padding: 0 30px;
    margin: 20px auto;
  }
}

section.marquee-slider {
  text-align: center;
  background-color: #1e1a1a;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  position: sticky;
  z-index: 99;
  top: 80px;
}
section.marquee-slider p {
  margin: 0;
  padding: 10px;
  display: inline-block;
}
section.marquee-slider p a {
  font-weight: normal;
  color: yellow;
}
@media (max-width: 559px) {
  section.marquee-slider {
    top: 65px;
  }
}

section.level-3 {
  padding: 45px 10px;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.level-3 .level-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 15px;
}
section.level-3 .level-grid .level-left p {
  font-weight: bold;
  font-size: 24px;
}
section.level-3 .level-grid .level-left h4 {
  font-weight: bold;
  font-size: 36px;
  line-height: 45px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  section.level-3 .level-grid .level-left {
    text-align: center;
  }
}
section.level-3 .level-grid .level-right {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
}
section.level-3 .level-grid .level-right .level-box {
  position: relative;
  text-align: center;
}
section.level-3 .level-grid .level-right .level-box .abs {
  font-size: 65px;
  font-weight: bold;
  opacity: 0.7;
  color: var(--global-color-1);
}
section.level-3 .level-grid .level-right .level-box h3 {
  color: #111;
  font-size: 24px;
}
section.level-3 .level-grid .level-right .level-box p {
  color: #444;
  font-size: 16px;
}
section.level-3 .level-grid .level-right .level-box a {
  color: var(--global-color-1);
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 2px solid var(--global-color-1);
  text-transform: uppercase;
  font-size: 13px;
}
@media (max-width: 559px) {
  section.level-3 .level-grid .level-right {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  section.level-3 .level-grid {
    grid-template-columns: 1fr;
  }
}

/* SPLIT BLOCK */
section.split-block {
  padding: 40px;
  background-color: var(--global-color-2);
  background: url(/_next/static/media/bg-1.e5215915.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: right;
  box-sizing: border-box;
  margin-top: -10px;
}
section.split-block .split-block-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  color: #fff;
}
@media (max-width: 991px) {
  section.split-block .split-block-grid {
    grid-template-columns: 1fr;
  }
  section.split-block .split-block-grid .right {
    background: #f5f5f5;
  }
}
section.split-block .split-block-grid .left {
  display: flex;
  position: relative;
}
section.split-block .split-block-grid .left .relative {
  width: 100%;
  height: 100%;
}
section.split-block .split-block-grid .left .relative img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  section.split-block .split-block-grid .left .relative {
    height: 260px;
  }
}
section.split-block .split-block-grid .right {
  padding: 30px 45px;
  position: relative;
}
section.split-block .split-block-grid .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}
section.split-block .split-block-grid .right .wrapy {
  margin: auto;
  position: relative;
}
section.split-block .split-block-grid .right .wrapy .title-1-wrapper .title-1 {
  color: var(--global-color-1);
  margin: 5px 0 20px;
  font-size: 28px;
}
section.split-block .split-block-grid .right .wrapy .title-1-wrapper .title-1 span {
  color: #222;
}
section.split-block .split-block-grid .right .wrapy p {
  color: #222;
  font-size: 16px;
  line-height: 26px;
}
section.split-block .split-block-grid .right .wrapy h4 {
  color: #222;
}
section.split-block .split-block-grid .right .wrapy h4 + p {
  margin: 0;
}
section.split-block .split-block-grid .right .wrapy .signature-area {
  text-align: left;
}
section.split-block .split-block-grid .right .wrapy .signature-area p {
  margin: 0;
}
@media (max-width: 767px) {
  section.split-block .split-block-grid .right {
    padding: 30px;
  }
}
@media (max-width: 559px) {
  section.split-block {
    padding: 20px;
  }
}

/* HIGHLIGHT */
section.highlight {
  background-color: var(--global-color-1);
  padding: 25px;
}
section.highlight .gridy {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-gap: 40px;
  max-width: 1000px;
  margin: auto;
}
section.highlight .gridy .imgs {
  position: relative;
  width: 100%;
  height: 200px;
}
section.highlight .gridy .imgs img {
  width: 100%;
}
section.highlight .gridy .content h3 {
  margin: 13px auto;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 32px;
}
section.highlight .gridy .content p {
  color: yellow;
  font-size: 24px;
  font-family: var(--global-font-1);
}
section.highlight .gridy .content p + p {
  color: #eee;
  font-size: 16px;
}
@media (max-width: 559px) {
  section.highlight .gridy {
    grid-template-columns: 1fr;
    padding: 35px;
    text-align: center;
  }
  section.highlight .gridy .content h3 {
    font-size: 20px;
  }
}

/* BEGIN :: WHY CHOOSE US */
section.why-us {
  padding: 60px 15px;
  background-color: #fff;
}
section.why-us .why-us-box-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
}
section.why-us .why-us-box-grid .why-us-box {
  padding: 15px;
  background-color: #F9F9F9;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  border: 1px solid #eee;
  background-clip: border-box;
  box-shadow: 3px 17px 12px -15px rgba(0, 0, 0, 0.2);
  padding: 20px;
  text-align: center;
}
section.why-us .why-us-box-grid .why-us-box .icon {
  position: relative;
  height: 40px;
}
section.why-us .why-us-box-grid .why-us-box .desc {
  display: flex;
}
section.why-us .why-us-box-grid .why-us-box .desc p {
  margin: auto;
  font-size: 15px;
  color: #000;
}
@media (max-width: 1100px) {
  section.why-us .why-us-box-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) and (max-width: 767px) {
  section.why-us .why-us-box-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1100px) and (max-width: 767px) and (max-width: 559px) {
  section.why-us .why-us-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* WHO CAN CHOOSE US BLOCK */
section.who-can-choose {
  background-image: url(/_next/static/media/real-estate.e3a76b34.webp);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 30px 0;
  position: relative;
}
section.who-can-choose::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #000;
}
section.who-can-choose .container {
  max-width: 1200px;
  position: relative;
}
section.who-can-choose .title-area {
  text-align: center;
  margin-bottom: 65px;
}
section.who-can-choose .title-area h5 span {
  color: #fff;
  letter-spacing: 7px;
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 18px;
}
section.who-can-choose .title-area h5 span::before, section.who-can-choose .title-area h5 span::after {
  content: ".";
  font-size: 70px;
  left: -45px;
  pointer-events: none;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px;
  top: -10px;
  line-height: 0;
  color: #fff;
  text-shadow: 15px 0 #fff;
}
section.who-can-choose .title-area h5 span::after {
  left: auto;
  right: -28px;
}
section.who-can-choose .title-area h2 {
  font-weight: bold;
  font-size: 45px;
  color: #fff;
  margin: 10px 0;
}
section.who-can-choose .title-area h2 span {
  font-weight: normal;
}
section.who-can-choose .who-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
section.who-can-choose .who-grid .who-left, section.who-can-choose .who-grid .who-right {
  padding-top: 65px;
}
@media (max-width: 767px) {
  section.who-can-choose .who-grid {
    grid-template-columns: 1fr;
  }
  section.who-can-choose .who-grid .who-left, section.who-can-choose .who-grid .who-right {
    padding-top: 10px;
  }
}
section.who-can-choose .who-grid .who-box {
  display: flex;
  grid-gap: 30px;
  margin-bottom: 55px;
}
section.who-can-choose .who-grid .who-box .icon {
  order: 2;
}
section.who-can-choose .who-grid .who-box .icon span {
  --v: 80px;
  display: inline-block;
  width: var(--v);
  height: var(--v);
  line-height: var(--v);
  border-radius: 10px;
  text-align: center;
  color: #fff;
  background: #17d0cf;
  background: -webkit-gradient(left top, right top, color-stop(0%, #bf4e8c), color-stop(51%, #d01717), color-stop(100%, #bf4e4e));
  background: linear-gradient(to right, #fd01a9 0%, #d01745 51%, #fd0101 100%);
  box-shadow: 13px 17px 15px -5px rgba(0, 0, 0, 0.2);
  background-size: 200% auto;
  transition: background 1s ease-out;
  font-size: 26px;
  margin-bottom: 15px;
}
section.who-can-choose .who-grid .who-box .content {
  text-align: right;
}
section.who-can-choose .who-grid .who-box .content h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: normal;
}
section.who-can-choose .who-grid .who-box .content p {
  color: rgb(248, 231, 205);
  margin: 4px 0px 5px;
  font-size: 16px;
  margin: 4px 0 5px;
}
section.who-can-choose .who-grid .who-box .content a {
  color: yellow;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
  padding-right: 22px;
}
section.who-can-choose .who-grid .who-box .content a::before {
  content: ">>";
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 991px) {
  section.who-can-choose .who-grid .who-box {
    display: block;
    text-align: center;
  }
  section.who-can-choose .who-grid .who-box * {
    text-align: center;
  }
  section.who-can-choose .who-grid .who-box .content a {
    display: block;
    padding-right: 0;
  }
  section.who-can-choose .who-grid .who-box .content a::before {
    display: none;
  }
}
section.who-can-choose .who-grid .who-middle {
  text-align: center;
}
section.who-can-choose .who-grid .who-middle img {
  width: 100%;
}
@media (max-width: 767px) {
  section.who-can-choose .who-grid .who-middle {
    padding-bottom: 30px;
  }
}
section.who-can-choose .who-grid .who-right .who-box .icon {
  order: 1;
}
section.who-can-choose .who-grid .who-right .who-box .content {
  order: 2;
  text-align: left;
}

section.live-projects {
  padding: 60px 20px;
  background: url(/_next/static/media/bg-1.e5215915.png);
  background-size: cover;
  background-position: right;
  box-sizing: border-box;
}
section.live-projects .live-project-grid {
  display: block;
  text-align: center;
}
section.live-projects .live-project-grid .live-project {
  border-radius: 20px;
  position: relative;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  display: inline-block;
  width: 80%;
  max-width: 350px;
  margin: 5px 10px;
  padding: 15px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
}
section.live-projects .live-project-grid .live-project .img {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 200px;
}
section.live-projects .live-project-grid .live-project .img img {
  width: 100%;
  transition: 0.5s ease;
  pointer-events: none;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}
section.live-projects .live-project-grid .live-project .content {
  padding: 25px;
  color: #555;
  position: relative;
}
section.live-projects .live-project-grid .live-project .content h4 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
section.live-projects .live-project-grid .live-project .content p {
  font-size: 18px;
  color: #222;
  margin: 0;
  margin-bottom: 15px;
  font-weight: normal;
}
section.live-projects .live-project-grid .live-project .content p.status-point {
  margin: 20px 0 20px;
}
section.live-projects .live-project-grid .live-project .content p.status-point i {
  display: inline-block;
  font-style: normal;
  margin-right: 10px;
  font-size: 15px;
}
section.live-projects .live-project-grid .live-project .content p.status-point i span {
  background-color: #e7e5f6;
  border: 1px solid;
  border-radius: 6px;
  display: inline-block;
  font-weight: 700;
  padding: 0 5px;
}

/* MIXED LAYOUT OR FACILITIES */
.mixed-layout {
  position: relative;
  padding: 30px;
}
.mixed-layout img {
  width: 100%;
}
.mixed-layout .mixed-wrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  max-width: 1400px;
  margin: auto;
  overflow: hidden;
}
.mixed-layout .mixed-wrap .mixed-box {
  background: #F5F5F5;
}
.mixed-layout .mixed-wrap .mixed-box .imgs {
  width: 100%;
  height: 160px;
  overflow: hidden;
  position: relative;
}
.mixed-layout .mixed-wrap .mixed-box .imgs img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mixed-layout .mixed-wrap .content {
  padding: 20px;
  position: relative;
}
.mixed-layout .mixed-wrap .content span {
  color: #444;
  font-size: 14px;
}
.mixed-layout .mixed-wrap .content p + p {
  border-left: 2px solid var(--global-color-1);
  padding-left: 10px;
}
@media (max-width: 559px) {
  .mixed-layout .mixed-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .mixed-layout .mixed-wrap .mixed-box {
    background: #F5F5F5;
  }
  .mixed-layout .mixed-wrap .mixed-box .imgs {
    height: 120px;
  }
}

/* FEEDBACK */
section.feedback {
  padding: 40px 0;
}
section.feedback .feedback-box {
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 30px 20px 20px;
}
section.feedback .feedback-box .relative-img {
  position: relative;
  padding: 35px 0 10px;
}
section.feedback .feedback-box .content {
  position: relative;
  padding: 10px;
  color: #333;
}
section.feedback .feedback-box .content .title-1-wrapper h2 {
  font-size: 16px;
  margin-bottom: 15px;
  position: relative;
}
section.feedback .feedback-box .content .title-1-wrapper + p {
  margin-bottom: 5px;
  font-size: 14px;
}
section.feedback .feedback-box p.spl {
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 13px;
  margin: 10px 0 0;
  display: inline-block;
  color: #444;
}
section.feedback .feedback-box .btn-2 {
  margin-top: 15px;
  padding: 10px 20px 0;
  font-size: 13px;
  border: none;
  color: var(--global-color-1);
  text-transform: uppercase;
}
section.feedback .feedback-box:hover {
  background-color: #eee;
}
section.feedback .feedback-box:hover .btn-2 {
  color: red;
}
section.feedback .swiper {
  padding: 0 30px;
}
section.feedback .swiper-pagination {
  display: none;
}
section.feedback .swiper-button-prev:after, section.feedback .swiper-button-next:after {
  font-size: 26px;
}

section.home-about {
  background-color: var(--global-color-2);
  padding: 60px 40px;
}
section.home-about .grid-home-about {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  max-width: 1100px;
  margin: auto;
  color: #fff;
}
@media (max-width: 991px) {
  section.home-about .grid-home-about {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  section.home-about .grid-home-about {
    grid-template-columns: 1fr;
  }
}
section.home-about .grid-home-about .left {
  display: flex;
  position: relative;
  width: 100%;
  height: 600px;
  padding-top: 70px;
}
section.home-about .grid-home-about .left img {
  margin: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 559px) {
  section.home-about .grid-home-about .left {
    height: 278px;
  }
  section.home-about .grid-home-about .left img {
    margin-right: -20px;
  }
}
section.home-about .grid-home-about .right {
  padding: 90px 35px 90px 0;
  position: relative;
}
section.home-about .grid-home-about .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}
section.home-about .grid-home-about .right .wrapy {
  margin: auto;
  position: relative;
}
section.home-about .grid-home-about .right .wrapy .title-1-wrapper .title-1 {
  color: #222;
  margin: 5px 0 20px;
  font-size: 28px;
}
section.home-about .grid-home-about .right .wrapy .title-1-wrapper .title-1 span {
  color: #fff;
}
section.home-about .grid-home-about .right .wrapy p {
  color: #ccc;
  font-size: 19px;
}
section.home-about .grid-home-about .right .wrapy ul {
  margin-top: 20px;
  list-style: none;
  margin-bottom: 30px;
}
section.home-about .grid-home-about .right .wrapy ul li {
  font-size: 17px;
  color: #000;
  margin-bottom: 13px;
  padding-left: 30px;
  position: relative;
}
section.home-about .grid-home-about .right .wrapy ul li::before {
  position: absolute;
  color: green;
  content: "✔";
  font-size: 20px;
  margin-right: 5px;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  section.home-about .grid-home-about .right .wrapy ul {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  section.home-about .grid-home-about .right {
    padding: 30px;
  }
}

/* GUIDING */
section.guiding-young {
  padding: 30px;
}
section.guiding-young .grid-guiding {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-gap: 20px;
  max-width: 1400px;
  margin: auto;
}
section.guiding-young .grid-guiding .left {
  padding-top: 13px;
}
section.guiding-young .grid-guiding .left p {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
section.guiding-young .grid-guiding .left .relative-img {
  position: relative;
  width: 100%;
  height: 40px;
  text-align: center;
}
section.guiding-young .grid-guiding .left .relative-img img {
  margin: auto;
  max-width: 60%;
}
section.guiding-young .grid-guiding .right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
section.guiding-young .grid-guiding .right .box {
  display: grid;
  grid-template-columns: 110px 1fr;
  grid-gap: 0;
  position: relative;
  padding-right: 15px;
}
section.guiding-young .grid-guiding .right .box .img {
  position: relative;
  width: 100%;
  height: 100px;
  text-align: center;
}
section.guiding-young .grid-guiding .right .box .img img {
  max-width: 100px;
  margin: auto;
}
section.guiding-young .grid-guiding .right .box h5 {
  font-size: 42px;
  margin-bottom: 5px;
  margin-top: 5px;
}
section.guiding-young .grid-guiding .right .box p {
  font-size: 15px;
}
section.guiding-young .grid-guiding .right .box::before {
  content: "";
  position: absolute;
  right: 1px;
  top: 15%;
  width: 2px;
  height: 70%;
  background-color: #e5e5e5;
}
section.guiding-young .grid-guiding .right .box:last-child::before {
  display: none;
}
@media (max-width: 767px) {
  section.guiding-young .grid-guiding .right .box::before {
    width: 70%;
    height: 2px;
    top: auto;
    right: auto;
    left: 15%;
    bottom: -13px;
  }
}
@media (max-width: 1025px) {
  section.guiding-young .grid-guiding {
    grid-template-columns: 1fr;
  }
  section.guiding-young .grid-guiding .left {
    text-align: center;
  }
}
@media (max-width: 1025px) and (max-width: 991px) and (max-width: 767px) {
  section.guiding-young .grid-guiding .right {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1025px) and (max-width: 991px) {
  section.guiding-young .grid-guiding .right {
    text-align: center;
  }
  section.guiding-young .grid-guiding .right .box {
    grid-template-columns: 1fr;
  }
}

/* BLOG */
section.blog {
  padding: 60px 40px;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.blog .blog-box-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin: 30px auto 0;
}
@media (max-width: 767px) {
  section.blog .blog-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 559px) {
  section.blog .blog-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
section.blog .blog-box-grid .blog-box {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  display: block;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  border-radius: 6px;
  overflow: hidden;
}
section.blog .blog-box-grid .blog-box .imgs {
  position: relative;
  height: 240px;
  width: 100%;
}
@media (max-width: 991px) {
  section.blog .blog-box-grid .blog-box .imgs {
    height: 180px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  section.blog .blog-box-grid .blog-box .imgs {
    height: 155px;
  }
}
@media (max-width: 991px) and (max-width: 767px) and (max-width: 559px) {
  section.blog .blog-box-grid .blog-box .imgs {
    height: 200px;
  }
}
section.blog .blog-box-grid .blog-box .content {
  position: relative;
  background: #fff;
  color: #333;
  padding: 30px;
}
section.blog .blog-box-grid .blog-box .content h5 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  line-height: 28px;
}
section.blog .blog-box-grid .blog-box .content p {
  color: #444;
  font-size: 16px;
  margin: 20px 0;
}
section.blog .blog-box-grid .blog-box .content a {
  background-color: #fff;
  color: var(--global-color-1);
  font-weight: bold;
  padding: 0;
  box-shadow: none;
}
section.blog .blog-box-grid .blog-box .content a::before, section.blog .blog-box-grid .blog-box .content a::after {
  display: none;
}
section.blog .blog-box-grid .blog-box .content a:hover {
  color: red;
}
section.blog.page {
  padding: 0 20px 30px;
}

/* BEGIN :: FEATURED COURSES */
section.featured-courses {
  padding: 60px 15px;
  background-color: #fff;
}
section.featured-courses .courses-box-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
section.featured-courses .courses-box-grid .courses-box {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e1dede;
  background-color: #fff;
}
section.featured-courses .courses-box-grid .courses-box .tit {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-gap: 10px;
  padding: 20px 35px 20px;
  position: relative;
  background-color: #F6EFEF;
}
section.featured-courses .courses-box-grid .courses-box .tit::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  bottom: -17px;
  left: 57px;
  border-top: 17px solid #F6EFEF;
  display: inline-block;
  z-index: 10;
}
section.featured-courses .courses-box-grid .courses-box .tit .relative-img {
  width: 55px;
  height: 55px;
  margin-top: -5px;
}
section.featured-courses .courses-box-grid .courses-box .tit .relative-img img {
  border-radius: 65px;
  border: 1px solid #e1dede;
  padding: 5px;
}
section.featured-courses .courses-box-grid .courses-box .tit h4 {
  font-size: 22px;
}
section.featured-courses .courses-box-grid .courses-box .tit h4 span {
  display: block;
}
section.featured-courses .courses-box-grid .courses-box .cont {
  padding: 35px 35px;
  position: relative;
}
section.featured-courses .courses-box-grid .courses-box .cont p {
  font-size: 16px;
  line-height: 22px;
}
section.featured-courses .courses-box-grid .courses-box .cont .btn-1 {
  display: block;
  text-align: center;
  padding: 14px;
  margin-bottom: 25px;
}
section.featured-courses .courses-box-grid.type2 {
  grid-template-columns: 1fr;
  max-width: 500px;
  margin: auto;
}
section.featured-courses .courses-box-grid.type2 .points {
  background-color: var(--global-color-1);
  padding: 35px 30px 10px;
}
section.featured-courses .courses-box-grid.type2 .points ul li {
  color: #fff;
}
section.featured-courses .courses-box-grid.type2 .points ul li::before {
  color: yellow;
}
section.featured-courses .courses-box-grid.type2 .courses-box .cont .btn-1 {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  section.featured-courses .courses-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) and (min-width: 560px) and (max-width: 991px) {
  section.featured-courses .courses-box-grid .courses-box:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 991px) and (max-width: 559px) {
  section.featured-courses .courses-box-grid {
    grid-template-columns: 1fr;
  }
}

/* FOOTER */
.footer {
  position: relative;
  background-image: url(/_next/static/media/real-estate.e3a76b34.webp);
  background-size: cover;
  padding: 60px 30px 25px;
  background-position: top;
}
.footer::before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: "";
  display: block;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.85);
}
.footer .container {
  max-width: 1200px;
  margin: auto;
}
.footer * {
  color: #fff;
}
.footer p {
  font-size: 16px;
}
.footer h2 {
  color: var(--color-2);
}
.footer .grid-footer {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.2fr 1fr;
  grid-gap: 50px;
}
.footer .footer-box {
  position: relative;
}
.footer .footer-box h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 18px;
  color: #f9b8bf;
}
.footer .footer-box h4 span {
  color: #f9b8bf;
}
.footer .footer-box p.lead {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  position: relative;
}
.footer .footer-box p.lead span {
  position: relative;
}
.footer .footer-box p.lead span::after {
  content: "";
  position: absolute;
  left: auto;
  top: 10px;
  right: -31px;
  width: 20px;
  height: 3px;
  background-color: var(--color-3);
}
.footer .footer-box h2 {
  color: yellow;
}
.footer .footer-box p {
  margin-bottom: 0;
}
.footer .footer-box p.lead {
  font-size: 20px;
  text-transform: uppercase;
}
.footer .footer-box ul.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.footer .footer-box ul li {
  margin-bottom: 10px;
}
.footer .footer-box ul li::before {
  color: #cae7f1;
}
.footer .footer-box ul li p {
  color: #e8f3f6 !important;
}
.footer .footer-box ul li a {
  display: block;
  color: #f5fbfd;
  font-size: 15px;
  font-weight: normal;
}
.footer .footer-box ul li a:hover {
  color: var(--color-3);
}
.footer .copyright {
  position: relative;
  text-align: center;
  margin-top: 20px;
  padding-top: 25px;
  border-top: 1px solid #fff;
}
.footer .copyright p {
  color: #fff;
}
.footer .footer-menu {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  background-color: #111;
  padding: 9px 5px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  border-top: 1px solid #fff;
}
.footer .footer-menu a {
  display: block;
  text-align: center;
  color: #ffb500;
  font-size: 14px;
  border-right: 1px solid #aaa;
  text-transform: uppercase;
  font-weight: normal;
}
.footer .footer-menu a span {
  display: block;
  color: #fff;
  font-size: 13px;
}
.footer .footer-menu a:last-child {
  border: none;
}
@media (max-width: 767px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 80px;
  }
  .footer .footer-menu {
    display: grid;
  }
}

@media (max-width: 991px) {
  .footer .grid-footer {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media (max-width: 767px) {
  .footer .grid-footer {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* INNER PAGE COMMON */
.page-header-2 {
  padding: 30px 20px;
  background-color: #eee;
  background-image: url(/_next/static/media/banner-1.8ba1b72f.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.page-header-2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 0;
}
.page-header-2 .container {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  margin: auto;
}
.page-header-2 .container * {
  color: #fff;
}
.page-header-2 .container h2 {
  margin-bottom: 5px;
  font-size: 24px;
  text-transform: uppercase;
}
.page-header-2 .container p {
  margin: 0;
  color: #bbb;
}
.page-header-2 .container p span {
  display: inline-block;
  position: relative;
  color: #fff;
  text-transform: uppercase;
}
.page-header-2 .container p span::before {
  content: "";
  position: absolute;
  right: -18px;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #aaa;
}
.page-header-2 .container p span:last-child {
  color: rgb(251, 251, 211);
}
.page-header-2 .container p span:last-child::before {
  display: none;
}
.page-header-2 .container p a {
  color: #bbb;
  font-weight: normal;
  position: relative;
  margin-right: 25px;
}
.page-header-2 .container p a::before {
  content: "";
  position: absolute;
  right: -13px;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #aaa;
}
@media (max-width: 991px) {
  .page-header-2 {
    text-align: center;
    padding: 20px;
  }
  .page-header-2 .container h2 {
    font-size: 24px;
  }
}

/* ABOUT PAGE */
section.about {
  padding: 40px;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.about .about-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  color: #fff;
}
@media (max-width: 991px) {
  section.about .about-grid {
    grid-template-columns: 1fr;
  }
  section.about .about-grid .right {
    background: #f5f5f5;
  }
}
section.about .about-grid .left {
  display: flex;
  position: relative;
}
section.about .about-grid .left .relative {
  width: 100%;
  height: 100%;
}
section.about .about-grid .left .relative img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  section.about .about-grid .left .relative {
    height: 450px;
  }
}
section.about .about-grid .right {
  padding: 0 30px 30px;
  position: relative;
}
section.about .about-grid .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}
section.about .about-grid .right .wrapy {
  margin: auto;
  position: relative;
}
section.about .about-grid .right .wrapy .title-1-wrapper .title-1 {
  color: var(--global-color-1);
  margin: 5px 0 20px;
  font-size: 28px;
}
section.about .about-grid .right .wrapy .title-1-wrapper .title-1 span {
  color: #222;
}
section.about .about-grid .right .wrapy p {
  color: #222;
  font-size: 16px;
  line-height: 26px;
}
section.about .about-grid .right .wrapy .signature-area {
  text-align: left;
}
section.about .about-grid .right .wrapy .signature-area p {
  margin: 0;
}
@media (max-width: 767px) {
  section.about .about-grid .right {
    padding: 30px;
  }
}
section.about.home {
  background: #fff;
}
@media (min-width: 992px) {
  section.about.home .about-grid {
    grid-template-columns: 2fr 1fr;
  }
}
@media (max-width: 767px) {
  section.about {
    padding: 20px;
  }
}

/* CHAIRMAN BLOCK */
section.chairman {
  padding: 40px;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.chairman .wrapy {
  padding: 20px;
  text-align: center;
}
section.chairman .wrapy .title-1-wrapper {
  display: grid;
  grid-template-columns: 250px auto;
  grid-gap: 30px;
  max-width: 650px;
  margin: auto;
  margin-bottom: 20px;
}
section.chairman .wrapy .title-1-wrapper > .relative {
  width: 250px;
  height: 250px;
  position: relative;
}
section.chairman .wrapy .title-1-wrapper > .relative img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  section.chairman .wrapy .title-1-wrapper > .relative {
    height: 260px;
  }
}
section.chairman .wrapy .title-1-wrapper .designation {
  display: flex;
  align-items: end;
}
section.chairman .wrapy .title-1-wrapper .designation .title-1 {
  margin: 5px 0 0;
  font-size: 28px;
  font-weight: normal;
}
section.chairman .wrapy .title-1-wrapper .designation .title-1 span {
  color: #222;
}
section.chairman .wrapy .title-1-wrapper .designation h3 {
  font-size: 34px;
}
section.chairman .wrapy .title-1-wrapper .designation .signature-area {
  text-align: left;
}
section.chairman .wrapy .title-1-wrapper .designation .signature-area p {
  margin: 5px 0 0;
}
@media (max-width: 559px) {
  section.chairman .wrapy .title-1-wrapper .designation {
    display: block;
  }
}
@media (max-width: 559px) {
  section.chairman .wrapy .title-1-wrapper {
    grid-template-columns: 1fr;
  }
}
section.chairman .wrapy p {
  color: #222;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767px) {
  section.chairman {
    padding: 30px;
  }
}

section.about-top {
  padding: 60px 10px 30px;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.about-top .about-grid .about-grid-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}
section.about-top .about-grid .about-grid-top .left p {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 20px;
  color: #444;
}
section.about-top .about-grid .about-grid-top .left h4 {
  font-weight: bold;
  font-size: 36px;
  line-height: 45px;
  margin-bottom: 30px;
}
section.about-top .about-grid .about-grid-top .right h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 45px;
  margin-bottom: 0;
}
section.about-top .about-grid .about-grid-top .right p {
  margin: 0 0 20px;
  color: #444;
}
@media (max-width: 991px) {
  section.about-top .about-grid .about-grid-top {
    text-align: center;
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
section.about-top .about-grid .about-grid-bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  margin: 60px 0;
}
section.about-top .about-grid .about-grid-bottom.type1 {
  max-width: 900px;
  grid-template-columns: repeat(2, 1fr);
  margin: 80px auto 0;
}
section.about-top .about-grid .about-grid-bottom.type1 .about-box {
  margin-bottom: 30px;
}
section.about-top .about-grid .about-grid-bottom.page {
  margin: 20px 0 30px;
}
section.about-top .about-grid .about-grid-bottom .about-box {
  position: relative;
  text-align: center;
}
section.about-top .about-grid .about-grid-bottom .about-box .abs {
  position: relative;
  width: 65px;
  height: 65px;
  display: inline-block;
}
section.about-top .about-grid .about-grid-bottom .about-box .abs::before {
  content: "";
  position: absolute;
  left: -12px;
  top: -30px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background-color: var(--global-color-1);
  opacity: 0.1;
}
section.about-top .about-grid .about-grid-bottom .about-box h3 {
  color: #111;
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px auto;
}
section.about-top .about-grid .about-grid-bottom .about-box p {
  color: #444;
  font-size: 16px;
  margin-bottom: 0;
}
section.about-top .about-grid .about-grid-bottom .about-box a {
  color: var(--global-color-1);
  display: inline-block;
  text-decoration: underline;
}
@media (max-width: 767px) {
  section.about-top .about-grid .about-grid-bottom {
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }
}
@media (max-width: 559px) {
  section.about-top .about-grid .about-grid-bottom {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  section.about-top .about-grid {
    grid-template-columns: 1fr;
  }
}

section.vision-mission .grid-block-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
section.vision-mission .grid-block-1 .imgs {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
section.vision-mission .grid-block-1 .imgs img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.vision-mission .grid-block-1 .content {
  display: flex;
  padding: 40px 40px;
  position: relative;
  background-color: #111;
}
section.vision-mission .grid-block-1 .content h4 {
  font-size: 22px;
  margin: 0 0 30px;
  position: relative;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
}
section.vision-mission .grid-block-1 .content h4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 40px;
  height: 2px;
  background-color: yellow;
}
section.vision-mission .grid-block-1 .content p {
  font-size: 16px;
  line-height: 22px;
  color: #bbb;
  position: relative;
}
@media (max-width: 767px) {
  section.vision-mission .grid-block-1 .content {
    display: block;
  }
}
section.vision-mission .grid-block-1 .content .holder {
  margin: auto 20px;
}
@media (max-width: 767px) {
  section.vision-mission .grid-block-1 .content .holder {
    margin: 0;
  }
}
@media (max-width: 767px) {
  section.vision-mission .grid-block-1 {
    grid-template-columns: 1fr;
  }
}
section.vision-mission.type2 .grid-block-1 .content {
  background-color: #fff;
}
section.vision-mission.type2 .grid-block-1 .content p {
  color: #000;
}
section.vision-mission.type2 .grid-block-1 .content h4 {
  color: #000;
}
section.vision-mission.type2 .grid-block-1 .content h4::before {
  background-color: var(--global-btn-color-1);
}
section.vision-mission.type2 .grid-block-1 .content .btn-1 {
  background-color: #fff;
  color: var(--global-btn-color-1);
  box-shadow: none;
  padding: 0;
  font-weight: bold;
  border-bottom: 2px dashed var(--global-btn-color-1);
  border-radius: 0;
  padding-bottom: 5px;
  margin-top: 10px;
}
section.vision-mission.type2 .grid-block-1 .content .btn-1::before, section.vision-mission.type2 .grid-block-1 .content .btn-1::after {
  display: none;
}
@media (max-width: 559px) {
  section.vision-mission.type2 .grid-block-1 {
    padding: 20px;
    background-color: #eee;
  }
  section.vision-mission.type2 .grid-block-1.revert {
    display: flex;
    flex-direction: column;
  }
  section.vision-mission.type2 .grid-block-1.revert > div {
    width: 100%;
    flex: 0 0 100%;
    box-sizing: border-box;
  }
  section.vision-mission.type2 .grid-block-1.revert > div:first-child {
    order: 2;
  }
  section.vision-mission.type2 .grid-block-1.revert > div:last-child {
    order: 1;
  }
}

section.winnings {
  padding: 20px;
  background-color: #f5f5f5;
  text-align: center;
  /**
  .winning-holder {
    max-width: 1000px;
    margin : auto;
    text-align: center;

    .imgs {
      text-align: center;

      img {
        width: 300px;
        height : 300px;
        border-radius: 300px;
        object-fit: cover;
        border: 3px solid #eee;
      }
    }

    .awards {
      text-align: center;
      margin : 20px 0;

      .imgs {
          width: 100px;
          height: 100px;
          position: relative;
          display: inline-block;
          margin : 0 10px;

          img {
            display : inline-block;
            margin-right: 10px;
          //   object-fit: cover;
          }
      }
    }

    h2 {
      text-transform: uppercase;
      color : #555;
      font-size: 22px;
      font-weight: bold;
    }
    p {
      font-size: 16px;
    }
  }
  **/
}
section.winnings .container {
  max-width: 1000px;
  margin: auto;
}
section.winnings h4 {
  font-size: 32px;
}
section.winnings p {
  font-size: 18px;
}

section.advantages {
  background-image: url(/_next/static/media/bg-new.ccab865c.webp);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 20px 40px;
  position: relative;
  background-attachment: fixed;
}
section.advantages::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
section.advantages .container {
  position: relative;
}
section.advantages .title-1 {
  text-align: center;
  margin-bottom: 30px;
}
section.advantages .title-1.lite {
  position: relative;
}
section.advantages .title-1.lite * {
  color: #fff;
}
section.advantages .title-1.lite p {
  margin-top: 10px;
}
section.advantages .title-area {
  text-align: center;
  margin-bottom: 25px;
}
section.advantages .title-area h5 span {
  color: #fff;
  letter-spacing: 7px;
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 18px;
}
section.advantages .title-area h5 span::before, section.advantages .title-area h5 span::after {
  content: ".";
  font-size: 70px;
  left: -45px;
  pointer-events: none;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px;
  top: -10px;
  line-height: 0;
  color: #17d0cf;
  text-shadow: 15px 0 #17d0cf;
}
section.advantages .title-area h5 span::after {
  left: auto;
  right: -28px;
}
section.advantages .title-area h2 {
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  margin: 10px 0;
}
section.advantages .title-area h2 span {
  font-weight: normal;
}
section.advantages .container {
  max-width: 1200px;
}
section.advantages .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 767px) {
  section.advantages .advantage-grid {
    grid-template-columns: 1fr;
  }
}
section.advantages .advantage-grid .advantage-box {
  display: flex;
  grid-gap: 20px;
  background-color: rgba(0, 0, 0, 0.65);
  padding: 15px;
  border-radius: 15px;
  border: 2px solid #333;
}
section.advantages .advantage-grid .advantage-box .icon span {
  --v: 60px;
  display: inline-block;
  width: var(--v);
  height: var(--v);
  line-height: 60px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  background: #17d0cf;
  background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
  background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
  background-size: 200% auto;
  transition: background 1s ease-out;
  font-size: 26px;
}
section.advantages .advantage-grid .advantage-box .content h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}
section.advantages .advantage-grid .advantage-box .content p {
  color: #f2e6aa;
  line-height: 22px;
  font-size: 16px;
  margin: 0;
}

section.team {
  padding: 20px 10px 0;
  padding: 45px 10px;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.team .team-box-inline {
  text-align: center;
}
section.team .team-box-inline .team-box {
  display: inline-block;
  overflow: hidden;
  position: relative;
  --v: 170px;
  width: var(--v);
  height: var(--v);
  border-radius: var(--v);
  margin: 10px;
}
section.team .team-box-inline .team-box .imgs {
  position: relative;
  --v: 170px;
  width: var(--v);
  height: var(--v);
  border-radius: var(--v);
}
section.team .team-box-inline .team-box .imgs img {
  transition: 0.4s ease;
}
section.team .team-box-inline .team-box h4 {
  left: 0;
  position: absolute;
  font-size: 14px;
  background: var(--global-color-1);
  bottom: 20px;
  padding: 5px;
  width: 100%;
  text-align: center;
  transition: 0.4s ease;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
}

/* BLOG DETAIL PAGE */
.combine-grid {
  display: grid;
  background: #f5f5f5;
}
.combine-grid section.blog-detail {
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
  padding: 0 25px;
}
.combine-grid section.blog-detail .container {
  margin: 30px auto;
  max-width: 700px;
}
.combine-grid section.blog-detail .container h2 {
  margin: 0 0 10px;
}
.combine-grid section.blog-detail .container p {
  margin: 0;
}
.combine-grid section.blog-detail .blog-detail-grid {
  margin: 30px auto;
  max-width: 700px;
  background-color: #f5f5f5;
}
@media (max-width: 991px) {
  .combine-grid section.blog-detail .blog-detail-grid {
    grid-template-columns: 1fr;
  }
  .combine-grid section.blog-detail .blog-detail-grid .right {
    background: #f5f5f5;
  }
}
.combine-grid section.blog-detail .blog-detail-grid .left {
  position: relative;
}
.combine-grid section.blog-detail .blog-detail-grid .left .relative {
  width: 300px;
  height: 300px;
}
.combine-grid section.blog-detail .blog-detail-grid .left .relative img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .combine-grid section.blog-detail .blog-detail-grid .left .relative {
    height: 180px;
  }
}
.combine-grid section.blog-detail .blog-detail-grid .right {
  padding: 30px 45px;
  position: relative;
}
.combine-grid section.blog-detail .blog-detail-grid .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}
.combine-grid section.blog-detail .blog-detail-grid .right .wrapy {
  margin: auto;
  position: relative;
}
.combine-grid section.blog-detail .blog-detail-grid .right .wrapy .title-1-wrapper .title-1 {
  color: var(--global-color-1);
  margin: 5px 0 20px;
  font-size: 28px;
}
.combine-grid section.blog-detail .blog-detail-grid .right .wrapy .title-1-wrapper .title-1 span {
  color: #222;
}
.combine-grid section.blog-detail .blog-detail-grid .right .wrapy p {
  color: #222;
  font-size: 16px;
  line-height: 26px;
}
.combine-grid section.blog-detail .blog-detail-grid .right .wrapy .signature-area {
  text-align: left;
}
.combine-grid section.blog-detail .blog-detail-grid .right .wrapy .signature-area p {
  margin: 0;
}
@media (max-width: 767px) {
  .combine-grid section.blog-detail .blog-detail-grid .right {
    padding: 30px;
  }
}

/* DIVISION PAGE */
section.division {
  padding: 0 25px;
}
section.division .container {
  margin: 30px auto;
  max-width: 1200px;
}
section.division .container .title-1-wrapper .title-1 {
  color: var(--global-color-1);
  margin: 5px 0 0px;
  font-size: 28px;
  text-transform: uppercase;
}
section.division .container .title-1-wrapper .title-1 span {
  color: #222;
}
@media (max-width: 767px) {
  section.division .container .title-1-wrapper .title-1 {
    font-size: 19px;
  }
}
section.division .container .title-1-wrapper p {
  margin: 5px 0 0;
}
section.division .division-grid {
  margin: 10px auto 0;
  display: grid;
  grid-template-columns: 1fr 240px;
  grid-column-gap: 20px;
}
section.division .division-grid .left .relative {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
section.division .division-grid .left .relative img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  section.division .division-grid .left .relative {
    height: 180px;
  }
}
section.division .division-grid .left .wrapy {
  margin: auto;
  position: relative;
}
section.division .division-grid .left .wrapy > p {
  color: #222;
  font-size: 16px;
  line-height: 26px;
}
section.division .division-grid .left .wrapy > h3 {
  color: var(--global-color-1);
  margin-bottom: 15px;
}
section.division .division-grid .left .wrapy .information-box {
  display: grid;
  background: #fff;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;
  background: #f5f5f5;
  border: none;
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
section.division .division-grid .left .wrapy .information-box:last-child {
  margin-bottom: 0;
}
section.division .division-grid .left .wrapy .information-box h4 {
  margin-bottom: 10px;
}
section.division .division-grid .left .wrapy .information-box p {
  margin: 0 0;
}
section.division .division-grid .left .wrapy .information-box.alert {
  border: 2px dashed blue;
  background-color: #edfeff;
  text-align: center;
  margin-top: 10px;
}
section.division .division-grid .left .wrapy .table {
  margin-top: 10px;
}
section.division .division-grid .left .wrapy .table thead tr td {
  background-color: var(--global-color-1);
  color: #fff;
  border: 1px solid var(--global-color-1);
}
section.division .division-grid .left .wrapy .table tr td {
  border: 1px solid;
  padding: 5px;
}
section.division .division-grid .right {
  position: relative;
}
section.division .division-grid .right .tababble {
  background-color: #f5f5f5;
  width: 100%;
  border-radius: 15px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #eee;
}
@media (min-width: 768px) {
  section.division .division-grid .right .tababble {
    position: sticky;
    top: 75px;
    z-index: 10;
  }
}
section.division .division-grid .right .tababble h5 {
  padding: 14px 10px;
  text-align: center;
  background-color: #222;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
}
section.division .division-grid .right .tababble a {
  display: block;
  padding: 10px;
  padding: 14px 32px;
  cursor: pointer;
  font-family: var(--global-font-1);
  text-transform: uppercase;
  color: #222;
  border-bottom: 1px dashed #ccc;
  font-size: 14px;
  position: relative;
  font-weight: normal;
}
section.division .division-grid .right .tababble a:last-child {
  border-bottom: none;
}
section.division .division-grid .right .tababble a::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #222;
  left: 15px;
  top: 20px;
  border-radius: 10px;
}
section.division .division-grid .right .tababble a:hover {
  color: var(--global-color-1);
}
section.division .division-grid .right .tababble a:focus {
  background-color: transparent;
  color: #222;
}
section.division .division-grid .right .tababble a.active {
  pointer-events: none;
  color: var(--global-color-1);
  font-weight: bold;
}
@media (max-width: 559px) {
  section.division .division-grid .right .tababble {
    top: 51px;
  }
  section.division .division-grid .right .tababble label {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  section.division .division-grid .right {
    padding: 15px 0 0;
  }
}
@media (max-width: 767px) {
  section.division .division-grid {
    grid-template-columns: 1fr;
  }
}

/* CONTACT PAGE */
section.contact {
  padding: 50px 0 0;
  background: url(/_next/static/media/bg-1.e5215915.png);
  background-size: cover;
  background-position: right;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  section.contact {
    padding: 15px;
  }
}
section.contact .contact-grid {
  display: grid;
  grid-template-columns: 300px 500px;
  grid-gap: 50px;
  max-width: 850px;
  margin: auto;
}
@media (max-width: 767px) {
  section.contact .contact-grid {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
section.contact .contact-grid .contact-box-holder .wrappy {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 10px;
}
section.contact .contact-grid .contact-box-holder .wrappy > div {
  padding: 6px;
  text-align: right;
}
@media (max-width: 767px) {
  section.contact .contact-grid .contact-box-holder .wrappy > div {
    text-align: left;
    padding: 0 20px;
  }
}
section.contact .contact-grid .contact-box-holder .wrappy > div .inner {
  padding-top: 15px;
}
section.contact .contact-grid .contact-box-holder .wrappy > div .inner p {
  margin: 0;
}
section.contact .contact-grid .contact-box-holder .wrappy > div .inner p a {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--global-btn-color-1);
}
section.contact .contact-grid .contact-box-holder .wrappy > div .inner p.social a {
  --v: 50px;
  width: var(--v);
  height: var(--v);
  border-radius: var(--v);
  text-align: center;
  line-height: var(--v);
  color: var(--color-2);
  font-size: 28px;
}
section.contact .contact-grid .contact-box-holder .wrappy > div:nth-child(2) {
  border-top: 1px solid var(--color-2);
  border-bottom: 1px solid var(--color-2);
}
section.contact .contact-grid .map-box-holder .map-box {
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  min-height: 500px;
  position: relative;
  margin-top: -100px;
  z-index: 10;
}
@media (max-width: 767px) {
  section.contact .contact-grid .map-box-holder .map-box {
    margin-top: 0;
  }
}
section.contact .svg-wrap {
  position: relative;
  padding: 0;
  max-width: 100%;
  margin: 0;
}
section.contact .svg-wrap .abs-svg.bottom {
  bottom: 130px;
  z-index: 1;
  transform: rotate(180deg);
}
section.contact .svg-wrap .abs-svg.top {
  top: auto;
  bottom: 0;
  z-index: 1;
}
section.contact .map-block {
  padding-top: 40px;
  position: relative;
}
section.contact .map-block iframe {
  width: 100%;
  height: 300px;
  position: relative;
  margin-top: -200px;
  filter: grayscale(10);
}

.iframe-view {
  width: calc(100vw - 8%);
  max-width: 1300px;
  height: 70vh;
  margin: 20px auto;
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #222;
}
.iframe-view iframe {
  width: 100%;
  height: 100%;
}

/* COURSES PAGE */
section.tababble {
  text-align: center;
  background-color: #eee;
  position: sticky;
  top: 61px;
  width: 100vw;
  z-index: 10;
}
section.tababble label {
  display: inline-block;
  padding: 10px;
  padding: 10px 15px;
  cursor: pointer;
  font-family: var(--global-font-1);
  text-transform: uppercase;
}
section.tababble label:hover {
  background-color: var(--darkColor);
  color: #fff;
}
section.tababble label.active {
  background-color: var(--global-color-1);
  color: #fff;
  pointer-events: none;
}
section.tababble label:focus {
  background-color: transparent;
  color: #222;
}
@media (max-width: 559px) {
  section.tababble {
    top: 51px;
  }
  section.tababble label {
    font-size: 14px;
  }
}

section.courses {
  padding: 20px;
}
@media (max-width: 767px) {
  section.courses {
    padding: 20px;
  }
}
section.courses .group {
  padding: 15px;
  border-radius: 6px;
  overflow: hidden;
  max-width: 1200px;
  margin: auto;
  display: none;
}
@media (max-width: 767px) {
  section.courses .group {
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid var(--global-color-1);
  }
}
section.courses input[type=radio]:checked + .group {
  display: block;
}
section.courses .title-1 {
  text-align: center;
}
section.courses .material-box-holder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
section.courses .material-box-holder .material-box {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 10px;
  color: var(--global-color-1);
  display: grid;
  grid-template-columns: 1fr 40px;
  font-size: 16px;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid var(--global-color-1);
  font-weight: bold;
}
section.courses .material-box-holder .material-box p {
  margin: 0;
  display: flex;
}
section.courses .material-box-holder .material-box p b {
  font-weight: normal;
  margin: auto 0;
}
section.courses .material-box-holder .material-box .arrow {
  display: flex;
}
section.courses .material-box-holder .material-box .arrow span {
  margin: auto;
  width: 40px;
  border-radius: 35px;
  text-align: center;
  line-height: 33px;
  font-size: 18px;
  font-weight: bold;
}
section.courses .material-box-holder .material-box:hover {
  background-color: var(--global-color-1);
}
section.courses .material-box-holder .material-box:hover * {
  color: #fff;
}
@media (max-width: 767px) {
  section.courses .material-box-holder {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}
@media (max-width: 767px) and (max-width: 559px) {
  section.courses .material-box-holder {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* COURSE DETAIL PAGE */
section.course-breadcrumb {
  position: relative;
  padding: 50px 10px 40px;
  position: relative;
  background-color: #133044;
}
@media (max-width: 991px) {
  section.course-breadcrumb {
    padding: 20px 0;
  }
}
section.course-breadcrumb .back-to {
  color: #fff;
  text-align: center;
  display: none;
}
section.course-breadcrumb .back-to p {
  position: relative;
  display: inline-block;
  width: auto;
  padding-left: 40px;
}
section.course-breadcrumb .back-to p a {
  font-weight: normal;
  color: #fff;
}
section.course-breadcrumb .back-to p a span {
  display: inline-block;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: -5px;
  font-size: 30px;
  color: yellow;
}
@media (max-width: 767px) {
  section.course-breadcrumb .back-to {
    display: block;
  }
}
section.course-breadcrumb .container {
  max-width: 1200px;
  margin: auto;
  position: relative;
  display: grid;
  grid-template-columns: 550px 1fr;
  grid-gap: 20px;
}
section.course-breadcrumb .container .content-area {
  display: flex;
}
section.course-breadcrumb .container .content-area .combined {
  margin: auto;
}
section.course-breadcrumb .container .content-area .combined .navi {
  margin-bottom: 20px;
}
section.course-breadcrumb .container .content-area .combined .navi li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  color: #fff;
}
section.course-breadcrumb .container .content-area .combined .navi li a {
  color: inherit;
  font-weight: normal;
}
section.course-breadcrumb .container .content-area .combined .content ul.tag {
  margin-bottom: 20px;
}
section.course-breadcrumb .container .content-area .combined .content ul.tag li {
  display: inline-block;
  font-size: 12px;
}
section.course-breadcrumb .container .content-area .combined .content ul.tag li span {
  display: inline-block;
  padding: 6px 16px 6px;
  border-radius: 6px;
  background-color: #cceee3;
  color: #133044;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
}
section.course-breadcrumb .container .content-area .combined .content ul.tag li span.popular {
  background-color: #fcebc3;
}
section.course-breadcrumb .container .content-area .combined .content .main {
  margin-bottom: 30px;
}
section.course-breadcrumb .container .content-area .combined .content .main h2 {
  color: #fff;
  font-weight: normal;
  color: #fcebc3;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 18px;
}
@media (max-width: 767px) {
  section.course-breadcrumb .container .content-area .combined .content .main h2 {
    font-size: 24px;
  }
}
section.course-breadcrumb .container .content-area .combined .content .main p {
  color: #fff;
  line-height: 26px;
  margin: 0;
  font-weight: normal;
}
section.course-breadcrumb .container .content-area .combined .content .sub img {
  margin-bottom: 15px;
}
section.course-breadcrumb .container .content-area .combined .content .sub h4 {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 25px;
  text-transform: uppercase;
}
section.course-breadcrumb .container .content-area .combined .content .sub h4 span {
  margin-bottom: 5px;
  display: block;
  color: #fcebc3;
}
section.course-breadcrumb .container .content-area .combined .content .sub h4 a {
  font-size: 13px;
  color: yellow;
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
  position: relative;
  border-bottom: 1px solid yellow;
}
section.course-breadcrumb .container .content-area .combined .content .sub p {
  color: #cbf58c;
}
section.course-breadcrumb .container .content-area .combined .content .btns {
  margin: 20px 0;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
@media (max-width: 767px) {
  section.course-breadcrumb .container .content-area .combined .content .btns {
    display: none;
  }
}
section.course-breadcrumb .container .content-area .combined .content .btns a {
  border-radius: 6px;
  padding: 13px 22px;
  font-size: 10px;
  width: 100%;
  display: flex;
}
section.course-breadcrumb .container .content-area .combined .content .btns a .auto {
  margin: auto;
}
section.course-breadcrumb .container .content-area .combined .content .btns a span {
  font-size: 16px;
}
section.course-breadcrumb .container .content-area .combined .content .btns a.syllabus {
  background-color: var(--color-3);
  color: #fff;
}
section.course-breadcrumb .container .content-area .combined .content .btns a.syllabus:hover {
  background-color: var(--global-color-1);
  color: #fff;
}
section.course-breadcrumb .container .img-area {
  text-align: center;
}
section.course-breadcrumb .container .img-area .imgs {
  width: 500px;
  height: 500px;
  margin: auto;
  position: relative;
}
@media (max-width: 991px) {
  section.course-breadcrumb .container {
    grid-template-columns: 1fr;
    padding: 20px;
    text-align: center;
  }
  section.course-breadcrumb .container .img-area .imgs {
    width: 300px;
    height: 300px;
  }
}

section.certification-process {
  padding: 40px;
  background-color: #f5f5f5;
}
section.certification-process .title-1 {
  text-align: center;
}
section.certification-process .certification-box-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-gap: 10px;
  max-width: 1200px;
  margin: auto;
}
section.certification-process .certification-box-grid .certification-box {
  background-color: #fff;
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
  background-position: right;
  border-radius: 4px;
  overflow: hidden;
  padding: 35px;
  border-radius: 8px;
}
section.certification-process .certification-box-grid .certification-box h3 {
  font-size: 20px;
  color: #45526c;
  margin-bottom: 15px;
  font-weight: bold;
}
section.certification-process .certification-box-grid .certification-box p {
  margin-bottom: 0;
}
section.certification-process .certification-box-grid .certification-box ul li {
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
section.certification-process .certification-box-grid .certification-box ul li::before {
  color: green;
  content: "✔";
  margin-right: 5px;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  section.certification-process .certification-box-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  section.certification-process {
    padding: 30px 20px;
  }
}

.during-course {
  position: relative;
  background-image: url(/_next/static/media/bg-1.d1afda85.jpg);
  background-position: right;
}
.during-course .during-course-holder {
  position: relative;
  max-width: 1000px;
  margin: auto;
  color: #fff;
  padding: 40px 20px;
}
.during-course .during-course-holder h2 {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
}
.during-course .during-course-holder p {
  font-size: 22px;
  margin-bottom: 40px;
  color: #bbb;
}
.during-course .during-course-holder li {
  display: inline-block;
  margin: 5px;
}
.during-course .during-course-holder li a {
  background-color: white;
  color: #000;
  font-weight: bold;
  pointer-events: none;
  position: relative;
  padding-left: 45px;
}
.during-course .during-course-holder li a::before {
  color: green;
  content: "✔";
  margin-right: 5px;
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 15px;
}
.during-course::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}

section.team {
  padding: 30px 30px 5px;
}
section.team .title-1 {
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
section.team .team-box-inline {
  text-align: center;
}
section.team .team-box-inline > div {
  display: inline-block;
  padding: 0 35px 30px;
}
section.team .team-box-inline > div figure {
  --v: 85px;
  width: var(--v);
  height: var(--v);
  border-radius: var(--v);
  position: relative;
}
section.team .team-box-inline > div h3 {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: bold;
}
section.team .team-box-inline > div p {
  margin-bottom: 5px;
  font-size: 15px;
}
section.team .team-box-inline > div a {
  font-size: 17px;
  color: #555;
}

section.payment-method {
  padding: 30px 5%;
}
section.payment-method .grid-payment-method {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
section.payment-method .grid-payment-method .box {
  position: relative;
  padding: 20px;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 5px;
}
section.payment-method .grid-payment-method .box h3 {
  font-size: 26px;
  margin-bottom: 5px;
  margin-top: 5px;
}
section.payment-method .grid-payment-method .box a {
  font-size: 19px;
  margin: 0;
  text-decoration: underline;
  color: #098ce5;
}
@media (max-width: 559px) {
  section.payment-method .grid-payment-method {
    grid-template-columns: 1fr;
  }
}

section.related-courses {
  background: #f5f5f5;
  padding: 40px 20px 40px;
  position: relative;
}
section.related-courses .container {
  position: relative;
}
section.related-courses .title-1 {
  text-align: center;
  margin-bottom: 30px;
}
section.related-courses .title-1.lite {
  position: relative;
}
section.related-courses .title-1.lite * {
  color: #222;
}
section.related-courses .title-1.lite p {
  margin-top: 10px;
}
section.related-courses .title-area {
  text-align: center;
  margin-bottom: 25px;
}
section.related-courses .title-area h5 span {
  color: #111;
  letter-spacing: 7px;
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 18px;
}
section.related-courses .title-area h5 span::before, section.related-courses .title-area h5 span::after {
  content: ".";
  font-size: 70px;
  left: -45px;
  pointer-events: none;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px;
  top: -10px;
  line-height: 0;
  color: var(--global-color-1);
  text-shadow: 15px 0 var(--global-color-1);
}
section.related-courses .title-area h5 span::after {
  left: auto;
  right: -28px;
}
section.related-courses .title-area h2 {
  font-weight: bold;
  font-size: 32px;
  color: var(--global-color-1);
  margin: 10px 0;
}
section.related-courses .title-area h2 span {
  font-weight: normal;
}
section.related-courses .container {
  max-width: 1200px;
}
section.related-courses .related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 767px) {
  section.related-courses .related-grid {
    grid-template-columns: 1fr;
  }
}
section.related-courses .related-grid .related-box {
  display: flex;
  grid-gap: 20px;
  background-color: #fff;
  padding: 15px;
  border-radius: 15px;
  border: 2px solid #333;
}
section.related-courses .related-grid .related-box .icon span {
  --v: 60px;
  display: inline-block;
  width: var(--v);
  height: var(--v);
  line-height: 60px;
  border-radius: 15px;
  text-align: center;
  color: #222;
  background-color: #eee;
  font-size: 26px;
}
section.related-courses .related-grid .related-box .content h3 {
  color: #111;
  font-size: 18px;
  margin-bottom: 5px;
}
section.related-courses .related-grid .related-box .content p {
  color: #444;
  line-height: 22px;
  font-size: 14px;
  margin: 0;
}
section.related-courses .related-grid .related-box .content a {
  color: #bb1010;
}

section.other-courses .other-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  padding: 10px;
  padding: 30px 60px;
  max-width: 1000px;
  margin: 30px auto 0;
  border-top: 3px solid #fff;
}
section.other-courses .other-grid .other-left h4 {
  font-size: 22px;
  text-transform: uppercase;
}
section.other-courses .other-grid .other-left p {
  font-size: 22px;
  margin: 10px 0;
}
section.other-courses .other-grid .other-right {
  padding: 20px;
}
section.other-courses .other-grid .other-right .btn {
  display: block;
  margin: auto;
}
@media (max-width: 767px) {
  section.other-courses .other-grid {
    grid-template-columns: 1fr;
    padding: 30px;
    text-align: center;
  }
}

/* ONLINE EXAMS PAGE */
section.exams {
  background-image: url(/_next/static/media/bg-2.038daa96.avif);
  background-size: cover;
}
section.exams .exam-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
}
section.exams .exam-grid .exam-box {
  position: relative;
  text-align: center;
  min-height: calc(100vh - 400px);
  display: flex;
  padding: 20px;
  box-sizing: border-box;
}
section.exams .exam-grid .exam-box .group-it {
  margin: auto;
}
section.exams .exam-grid .exam-box .group-it .abs {
  font-size: 65px;
  font-weight: bold;
  opacity: 0.2;
  color: var(--global-color-1);
}
section.exams .exam-grid .exam-box .group-it h3 {
  color: #111;
  font-size: 24px;
  text-transform: uppercase;
}
section.exams .exam-grid .exam-box .group-it p {
  color: #444;
  font-size: 16px;
}
section.exams .exam-grid .exam-box .group-it a {
  display: inline-block;
  background-color: #c33f3f;
  text-decoration: none;
}
section.exams .exam-grid .exam-box .group-it a:hover {
  background-color: var(--global-color-1);
}
section.exams .exam-grid .exam-box:nth-child(2) {
  background-color: #eee;
}
@media (max-width: 559px) {
  section.exams .exam-grid {
    grid-template-columns: 1fr;
  }
}

/* RESULTS PAGE */
section.results {
  padding: 40px;
}
section.results .result-box-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
section.results .result-box-grid .result-box {
  padding: 60px 30px 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 5px 3px 10px -5px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
}
section.results .result-box-grid .result-box h3 {
  margin-bottom: 15px;
  color: var(--global-color-1);
}
section.results .result-box-grid .result-box span.abs {
  color: #444;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 20px;
  background-color: #ddd;
  width: 60px;
  height: 60px;
  border-radius: 0 10px 10px 0;
  line-height: 74px;
  text-align: center;
  color: #111;
  position: absolute;
  left: -15px;
  top: -15px;
  padding-left: 10px;
  box-sizing: border-box;
  font-weight: bold;
}
section.results .result-box-grid .result-box p {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 15px;
  color: #333;
}
section.results .result-box-grid .result-box p span {
  display: block;
  font-weight: bold;
}
section.results .result-box-grid .result-box a {
  color: red;
  font-size: 14px;
  border-bottom: 2px solid red;
  text-transform: uppercase;
}
section.results .result-box-grid .result-box:nth-child(even) {
  background: rgb(245, 246, 247);
}
@media (max-width: 991px) {
  section.results .result-box-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  section.results .result-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) and (max-width: 767px) and (max-width: 559px) {
  section.results .result-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.alert-error {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100vw;
  height: auto;
  padding: 5px 15px;
  z-index: 99;
  text-align: center;
  color: #222;
  box-sizing: border-box;
}
.alert-error .alert-error-content {
  animation: blink-border 1s linear infinite;
  border-bottom: 4px solid red;
  background-color: #f9cdcd;
  padding: 3px 15px;
  box-sizing: border-box;
  max-width: 750px;
  margin: auto;
  border-radius: 10px;
}
.alert-error .alert-error-content p {
  font-size: 14px;
}
@keyframes blink-border {
  0%, 100% {
    border-color: red;
  }
  50% {
    border-color: transparent;
  }
}
@media (max-width: 767px) {
  .alert-error {
    max-width: none;
    padding: 0;
  }
  .alert-error .alert-error-content {
    border-radius: 0;
  }
}

#triggerAlert:checked + .alert-error {
  display: block;
}

section.form {
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  background: url(/_next/static/media/bg-1.e5215915.png);
  background-size: cover;
  background-position: right;
  background-attachment: fixed;
  box-sizing: border-box;
  display: flex;
  padding: 20px 0 30px;
}
section.form input:-webkit-autofill {
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
section.form .form-holder {
  max-width: 1000px;
  padding: 30px;
  position: relative;
  background-color: #f5f5f5;
  border: 2px solid #eee;
  margin: auto;
}
@media (max-width: 767px) {
  section.form .form-holder {
    padding: 20px;
    box-shadow: none;
    border: none;
  }
}
section.form .form-holder .imgs {
  width: 100%;
  height: 250px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
section.form .form-holder .imgs img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1025px) {
  section.form .form-holder .imgs {
    height: 40vh;
  }
}
@media (max-width: 1025px) and (max-width: 991px) {
  section.form .form-holder .imgs {
    height: 30vh;
  }
}
@media (max-width: 1025px) and (max-width: 991px) and (max-width: 559px) {
  section.form .form-holder .imgs {
    height: 30vh;
  }
}
section.form .form-holder h5 {
  font-size: 20px;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 2px solid var(--global-color-1);
  display: inline-block;
  color: var(--global-color-1);
}
section.form .form-holder h5::before {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid var(--global-color-1);
}
section.form .form-holder .field-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
}
@media (max-width: 767px) {
  section.form .form-holder .field-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) and (max-width: 559px) {
  section.form .form-holder .field-grid {
    grid-template-columns: 1fr;
  }
}
section.form .form-holder .user-input-wrps {
  margin-bottom: 15px;
}
section.form .form-holder label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}
section.form .form-holder .inputText {
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  border: 2px solid #999;
  border-radius: 6px;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  outline: none;
}
section.form .form-holder .inputText.error {
  border: 2px solid red;
  background-color: #fce8e8;
}
section.form .form-holder .materialize-checkbox {
  position: relative;
}
section.form .form-holder .materialize-checkbox label.hold {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #222;
  margin: 20px 0 30px !important;
  font-weight: normal;
}
section.form .form-holder .materialize-checkbox label.hold::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  z-index: 0;
  border: 2px solid #222;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
  border-radius: 3px;
}
section.form .form-holder .materialize-checkbox label.hold::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 0;
  transform: scale(0);
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}
section.form .form-holder .materialize-checkbox label.hold a {
  font-weight: normal;
}
section.form .form-holder .materialize-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0;
}
section.form .form-holder .materialize-checkbox input[type=checkbox]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 10px;
  height: 18px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}
section.form .form-holder .materialize-checkbox input[type=checkbox]:not(.filled-in) + label:after {
  border: 0;
  transform: scale(0);
}
section.form .form-holder .radio-box-wrapper > .radio-box {
  display: inline-block;
  margin-right: 15px;
}
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:checked,
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:checked + label,
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #222;
  font-size: 17px;
  margin-bottom: 15px;
  font-weight: normal;
}
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:checked + label:before,
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #222;
  border-radius: 100%;
  background: #fff;
}
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:checked + label:after,
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--global-color-1);
  position: absolute;
  bottom: 4px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
section.form .form-holder .radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
@media (max-width: 559px) {
  section.form .form-holder .radio-box-wrapper > .radio-box {
    display: block;
    margin-right: 0;
  }
}
section.form .form-holder .agree button {
  pointer-events: none;
  opacity: 0.3;
}
section.form .form-holder .agree #agree:checked ~ button {
  pointer-events: all;
  opacity: 1;
}

.no-bg {
  background: transparent !important;
}

/* FORM */
iframe {
  margin: 0;
  border: none;
}

.form-1-grid {
  max-width: 550px;
  margin: auto;
  background-color: #fff;
  border-radius: 6px;
  padding: 40px;
  /* FLOATING INPUT */
}
@media (max-width: 767px) {
  .form-1-grid {
    padding: 25px;
  }
}
.form-1-grid .checkbox-wrapper .materialize-checkbox {
  margin: 6px 0;
  font-size: 17px;
}
.form-1-grid .checkbox-wrapper .materialize-checkbox label::before {
  top: 1.5px;
}
.form-1-grid input:focus {
  outline: none !important;
}
.form-1-grid .pad0 {
  padding: 0 !important;
}
.form-1-grid .w100 {
  width: 100%;
}
.form-1-grid .flex {
  display: flex;
}
.form-1-grid .auto {
  margin: auto;
}
.form-1-grid .floating-field-box {
  padding: 0px;
  margin-bottom: 10px;
}
.form-1-grid .content-3 .floating-field-box {
  margin-bottom: 10px;
}
.form-1-grid .user-input-wrps {
  position: relative;
  margin: 0 auto;
}
.form-1-grid .user-input-wrps .inputText {
  width: 100%;
  outline: none;
  border: none;
  box-shadow: none !important;
  padding: 25px 13px 10px;
  background: transparent;
  border: 2px solid #111;
  border-radius: 6px;
  font-size: 16px;
  color: #000;
  box-sizing: border-box;
}
.form-1-grid .user-input-wrps .inputText:focus {
  border-color: var(--theme-color);
  border-width: medium medium 2px;
}
.form-1-grid .user-input-wrps .floating-labels {
  position: absolute;
  pointer-events: none;
  top: 18px;
  left: 15px;
  transition: 0.2s ease all;
  color: #111;
  font-size: 16px;
}
.form-1-grid .floating-labels.active,
.form-1-grid .user-input-wrps input.active + .floating-labels,
.form-1-grid .user-input-wrps input:focus ~ .floating-labels {
  top: 8px;
  left: 15px;
  font-size: 13px;
  opacity: 1;
  color: #312e2d;
}
.form-1-grid input:-webkit-autofill,
.form-1-grid input:-webkit-autofill:hover,
.form-1-grid input:-webkit-autofill:focus,
.form-1-grid input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  /* -webkit-text-fill-color: #fff !important; */
}

/* MATERIALIZE CHECKBOX */
.materialize-checkbox {
  position: relative;
}

.materialize-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0;
}

.materialize-checkbox label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.materialize-checkbox label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  z-index: 0;
  border: 2px solid #000;
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}

.materialize-checkbox input[type=checkbox]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 10px;
  height: 18px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}

.materialize-checkbox label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 0;
  transform: scale(0);
  border-radius: 1px;
  margin-top: 2px;
  transition: 0.2s;
}

.materialize-checkbox [type=checkbox]:not(.filled-in) + label:after {
  border: 0;
  transform: scale(0);
}

/* RADIO BUTTON */
.radio-box-wrapper {
  margin-bottom: 5px;
}

.radio-box-wrapper > .radio-box {
  display: inline-block;
  margin-right: 25px;
}

.radio-box-wrapper > .radio-box [type=radio]:checked,
.radio-box-wrapper > .radio-box [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.radio-box-wrapper > .radio-box [type=radio]:checked + label,
.radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: var(--textColor);
  text-transform: capitalize;
}

.radio-box-wrapper > .radio-box [type=radio]:checked + label:before,
.radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--darkColor);
  border-radius: 100%;
  background: #fff;
}

.radio-box-wrapper > .radio-box [type=radio]:checked + label:after,
.radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--color-1);
  position: absolute;
  top: 7px;
  left: 4px;
  border-radius: 100%;
  transition: all 0.2s ease;
}

.radio-box-wrapper > .radio-box [type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.radio-box-wrapper > .radio-box [type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}/*# sourceMappingURL=global.css.map */