@charset "UTF-8";





@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');





/* reset css start */

html {

  scroll-behavior: smooth;

  overflow-x: hidden;

}



::-webkit-scrollbar {



  width: 6px;



  height: 4px

}



:root {

  --yellow: #EBB537;

  --accent: #EBB537;

  /* orange from screenshot */

  --text: #111111;

  --muted: #70757a;

  --card-border: #e9ecef;

  --shadow: 0 8px 28px rgba(0, 0, 0, .08);

  --accent-orange: #EBB537;

  --teal: #163052;

  --teal-200: #bceceb;

  --text: #000000;

  --muted: #5a6771;

  --bg: #eff6ff;

  --card-border: #70FCFF;

  --shadow: 0 10px 30px rgba(0, 0, 0, .06);

  /* orange accent */

  --line: #e6edf3;

  --shadow: 0 10px 30px rgba(0, 0, 0, .06);

  --border: #dfe6ff;

  /* light blue border */

  --bg: #f5faff;

  --accent: #EBB537;

  --blue: #2f92ff;

  --orange: #EBB537;

  --text: #0f0f0f;

  --muted: #5a6771;

  --shadow: 0 18px 42px rgba(0, 0, 0, .08);

}





::-webkit-scrollbar-track {



  background-color: #00a2a522;



  -webkit-border-radius: 10px;



  border-radius: 10px

}







::-webkit-scrollbar-thumb {







  background: #163052

}



body {

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

  font-size: 16px;

  padding: 0;

  margin: 0;

  font-weight: 400;

  position: relative;

  line-height: 29px;

  overflow-x: hidden;



}



img {

  max-width: 100%;

  height: auto;

  transition: all 0.3s ease-out 0s;

}



button {

  cursor: pointer;

}



*:focus {

  outline: none;

}



.section {

  padding: 100px 0;

  position: relative;

}



button {

  border: none;

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

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}







button:focus {

  outline: none;

}



a {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

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

}



a:hover {

  text-decoration: none;

  color: #000;

}



table {

  width: 100%;

}



p,

li {

  color: #000;

  font-size: 18px;

  margin-bottom: 0;

}





/* global css end */

.bg_img {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

}



.dark-bg {

  background-color: #010103;

}



.grey-bg {

  background: #F4F1EE;

}



.white {

  color: #ffffff;

}



.f-right {

  float: right;

}



.section-heading {

  position: relative;

  z-index: 2;

}



@media (max-width: 991px) {

  .section-heading {

    text-align: center;

  }

}



.section-heading .sub-title {

  color: #ffffff;

  background: #C7A17A;

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

  display: inline-block;

  font-size: 12px;

  text-transform: uppercase;

  padding: 1.5px 13px;

  letter-spacing: 2px;

  border-radius: 3px;

  line-height: 22px;

  margin-bottom: 23px;

}



.section-heading .title {

  color: #ffffff;

  font-size: 55px;

  line-height: 57px;

  text-transform: uppercase;

}







.section-heading p {

  font-size: 18px;

}



.section-heading p:not(:last-child) {

  margin-bottom: 35px;

}



.section-heading__black .title {

  color: #000;

}



.border-effect a,

.border-effect span.border-effect {

  position: relative;

  display: inline;

  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));

  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);

  background-size: 0px 2px;

  background-position: 0px 95%;

  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  padding: 0.7% 0px;

  background-repeat: no-repeat;

  color: inherit;

}



.border-effect a:hover,

.border-effect span.border-effect:hover {

  background-size: 100% 2px;

}



span.border-effect {

  position: relative;

  display: inline;

  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));

  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);

  background-size: 0px 2px;

  background-position: 0px 95%;

  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  padding: 0.7% 0px;

  background-repeat: no-repeat;

  color: inherit;

}



span.border-effect:hover {

  background-size: 100% 2px;

}







/*--

    - Margin & Padding

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

/*-- Margin Top Negative --*/

.mt-none-5 {

  margin-top: -5px;

}



.mt-none-10 {

  margin-top: -10px;

}



.mt-none-15 {

  margin-top: -15px;

}



.mt-none-20 {

  margin-top: -20px;

}



.mt-none-25 {

  margin-top: -25px;

}



.mt-none-30 {

  margin-top: -30px;

}



.mt-none-35 {

  margin-top: -35px;

}



.mt-none-40 {

  margin-top: -40px;

}



.mt-none-45 {

  margin-top: -45px;

}



.mt-none-50 {

  margin-top: -50px;

}



.mt-none-55 {

  margin-top: -55px;

}



.mt-none-60 {

  margin-top: -60px;

}



.mt-none-65 {

  margin-top: -65px;

}



.mt-none-70 {

  margin-top: -70px;

}



.mt-none-75 {

  margin-top: -75px;

}



.mt-none-80 {

  margin-top: -80px;

}



.mt-none-85 {

  margin-top: -85px;

}



.mt-none-90 {

  margin-top: -90px;

}



.mt-none-95 {

  margin-top: -95px;

}



.mt-none-100 {

  margin-top: -100px;

}



/*-- Margin Top --*/

.mt-5 {

  margin-top: 5px;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-45 {

  margin-top: 45px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-55 {

  margin-top: 55px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-65 {

  margin-top: 65px;

}



.mt-70 {

  margin-top: 70px;

}



.mt-75 {

  margin-top: 75px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-85 {

  margin-top: 85px;

}



.mt-90 {

  margin-top: 90px;

}



.mt-95 {

  margin-top: 95px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-105 {

  margin-top: 105px;

}



.mt-110 {

  margin-top: 110px;

}



.mt-115 {

  margin-top: 115px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-125 {

  margin-top: 125px;

}



.mt-130 {

  margin-top: 130px;

}



.mt-135 {

  margin-top: 135px;

}



.mt-140 {

  margin-top: 140px;

}



.mt-145 {

  margin-top: 145px;

}



.mt-150 {

  margin-top: 150px;

}



.mt-155 {

  margin-top: 155px;

}



.mt-160 {

  margin-top: 160px;

}



.mt-165 {

  margin-top: 165px;

}



.mt-170 {

  margin-top: 170px;

}



.mt-175 {

  margin-top: 175px;

}



.mt-180 {

  margin-top: 180px;

}



.mt-185 {

  margin-top: 185px;

}



.mt-190 {

  margin-top: 190px;

}



.mt-195 {

  margin-top: 195px;

}



.mt-200 {

  margin-top: 200px;

}



/*-- Margin Bottom --*/

.mb-5 {

  margin-bottom: 5px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-35 {

  margin-bottom: 35px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-45 {

  margin-bottom: 45px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-55 {

  margin-bottom: 55px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-65 {

  margin-bottom: 65px;

}



.mb-70 {

  margin-bottom: 70px;

}



.mb-75 {

  margin-bottom: 75px;

}



.mb-80 {

  margin-bottom: 80px;

}



.mb-85 {

  margin-bottom: 85px;

}



.mb-90 {

  margin-bottom: 90px;

}



.mb-95 {

  margin-bottom: 95px;

}



.mb-100 {

  margin-bottom: 100px;

}



.mb-105 {

  margin-bottom: 105px;

}



.mb-110 {

  margin-bottom: 110px;

}



.mb-115 {

  margin-bottom: 115px;

}



.mb-120 {

  margin-bottom: 120px;

}



.mb-125 {

  margin-bottom: 125px;

}



.mb-130 {

  margin-bottom: 130px;

}



.mb-135 {

  margin-bottom: 135px;

}



.mb-140 {

  margin-bottom: 140px;

}



.mb-145 {

  margin-bottom: 145px;

}



.mb-150 {

  margin-bottom: 150px;

}



.mb-155 {

  margin-bottom: 155px;

}



.mb-160 {

  margin-bottom: 160px;

}



.mb-165 {

  margin-bottom: 165px;

}



.mb-170 {

  margin-bottom: 170px;

}



.mb-175 {

  margin-bottom: 175px;

}



.mb-180 {

  margin-bottom: 180px;

}



.mb-185 {

  margin-bottom: 185px;

}



.mb-190 {

  margin-bottom: 190px;

}



.mb-195 {

  margin-bottom: 195px;

}



.mb-200 {

  margin-bottom: 200px;

}



/*-- Margin Left --*/

.ml-5 {

  margin-left: 5px;

}



.ml-10 {

  margin-left: 10px;

}



.ml-15 {

  margin-left: 15px;

}



.ml-20 {

  margin-left: 20px;

}



.ml-25 {

  margin-left: 25px;

}



.ml-30 {

  margin-left: 30px;

}



.ml-35 {

  margin-left: 35px;

}



.ml-40 {

  margin-left: 40px;

}



.ml-45 {

  margin-left: 45px;

}



.ml-50 {

  margin-left: 50px;

}



.ml-55 {

  margin-left: 55px;

}



.ml-60 {

  margin-left: 60px;

}



.ml-65 {

  margin-left: 65px;

}



.ml-70 {

  margin-left: 70px;

}



.ml-75 {

  margin-left: 75px;

}



.ml-80 {

  margin-left: 80px;

}



.ml-85 {

  margin-left: 85px;

}



.ml-90 {

  margin-left: 90px;

}



.ml-95 {

  margin-left: 95px;

}



.ml-100 {

  margin-left: 100px;

}



.ml-105 {

  margin-left: 105px;

}



.ml-110 {

  margin-left: 110px;

}



.ml-115 {

  margin-left: 115px;

}



.ml-120 {

  margin-left: 120px;

}



.ml-125 {

  margin-left: 125px;

}



.ml-130 {

  margin-left: 130px;

}



.ml-135 {

  margin-left: 135px;

}



.ml-140 {

  margin-left: 140px;

}



.ml-145 {

  margin-left: 145px;

}



.ml-150 {

  margin-left: 150px;

}



.ml-155 {

  margin-left: 155px;

}



.ml-160 {

  margin-left: 160px;

}



.ml-165 {

  margin-left: 165px;

}



.ml-170 {

  margin-left: 170px;

}



.ml-175 {

  margin-left: 175px;

}



.ml-180 {

  margin-left: 180px;

}



.ml-185 {

  margin-left: 185px;

}



.ml-190 {

  margin-left: 190px;

}



.ml-195 {

  margin-left: 195px;

}



.ml-200 {

  margin-left: 200px;

}



/*-- Margin Right --*/

.mr-5 {

  margin-right: 5px;

}



.mr-10 {

  margin-right: 10px;

}



.mr-15 {

  margin-right: 15px;

}



.mr-20 {

  margin-right: 20px;

}



.mr-25 {

  margin-right: 25px;

}



.mr-30 {

  margin-right: 30px;

}



.mr-35 {

  margin-right: 35px;

}



.mr-40 {

  margin-right: 40px;

}



.mr-45 {

  margin-right: 45px;

}



.mr-50 {

  margin-right: 50px;

}



.mr-55 {

  margin-right: 55px;

}



.mr-60 {

  margin-right: 60px;

}



.mr-65 {

  margin-right: 65px;

}



.mr-70 {

  margin-right: 70px;

}



.mr-75 {

  margin-right: 75px;

}



.mr-80 {

  margin-right: 80px;

}



.mr-85 {

  margin-right: 85px;

}



.mr-90 {

  margin-right: 90px;

}



.mr-95 {

  margin-right: 95px;

}



.mr-100 {

  margin-right: 100px;

}



.mr-105 {

  margin-right: 105px;

}



.mr-110 {

  margin-right: 110px;

}



.mr-115 {

  margin-right: 115px;

}



.mr-120 {

  margin-right: 120px;

}



.mr-125 {

  margin-right: 125px;

}



.mr-130 {

  margin-right: 130px;

}



.mr-135 {

  margin-right: 135px;

}



.mr-140 {

  margin-right: 140px;

}



.mr-145 {

  margin-right: 145px;

}



.mr-150 {

  margin-right: 150px;

}



.mr-155 {

  margin-right: 155px;

}



.mr-160 {

  margin-right: 160px;

}



.mr-165 {

  margin-right: 165px;

}



.mr-170 {

  margin-right: 170px;

}



.mr-175 {

  margin-right: 175px;

}



.mr-180 {

  margin-right: 180px;

}



.mr-185 {

  margin-right: 185px;

}



.mr-190 {

  margin-right: 190px;

}



.mr-195 {

  margin-right: 195px;

}



.mr-200 {

  margin-right: 200px;

}



/*-- Padding Top --*/

.pt-5 {

  padding-top: 5px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-35 {

  padding-top: 35px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-45 {

  padding-top: 45px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-55 {

  padding-top: 55px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-65 {

  padding-top: 65px;

}



.pt-70 {

  padding-top: 70px;

}



.pt-75 {

  padding-top: 75px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-85 {

  padding-top: 85px;

}



.pt-90 {

  padding-top: 90px;

}



.pt-95 {

  padding-top: 95px;

}



.pt-100 {

  padding-top: 100px;

}



.pt-105 {

  padding-top: 105px;

}



.pt-110 {

  padding-top: 110px;

}



.pt-115 {

  padding-top: 115px;

}



.pt-120 {

  padding-top: 120px;

}



.pt-125 {

  padding-top: 125px;

}



.pt-130 {

  padding-top: 130px;

}



.pt-135 {

  padding-top: 135px;

}



.pt-140 {

  padding-top: 140px;

}



.pt-145 {

  padding-top: 145px;

}



.pt-150 {

  padding-top: 150px;

}



.pt-155 {

  padding-top: 155px;

}



.pt-160 {

  padding-top: 160px;

}



.pt-165 {

  padding-top: 165px;

}



.pt-170 {

  padding-top: 170px;

}



.pt-175 {

  padding-top: 175px;

}



.pt-180 {

  padding-top: 180px;

}



.pt-185 {

  padding-top: 185px;

}



.pt-190 {

  padding-top: 190px;

}



.pt-195 {

  padding-top: 195px;

}



.pt-200 {

  padding-top: 200px;

}



/*-- Padding Bottom --*/

.pb-5 {

  padding-bottom: 5px;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-15 {

  padding-bottom: 15px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-35 {

  padding-bottom: 35px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-45 {

  padding-bottom: 45px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-55 {

  padding-bottom: 55px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-65 {

  padding-bottom: 65px;

}



.pb-70 {

  padding-bottom: 70px;

}



.pb-75 {

  padding-bottom: 75px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-85 {

  padding-bottom: 85px;

}



.pb-90 {

  padding-bottom: 90px;

}



.pb-95 {

  padding-bottom: 95px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-105 {

  padding-bottom: 105px;

}



.pb-110 {

  padding-bottom: 110px;

}



.pb-115 {

  padding-bottom: 115px;

}



.pb-120 {

  padding-bottom: 120px;

}



.pb-125 {

  padding-bottom: 125px;

}



.pb-130 {

  padding-bottom: 130px;

}



.pb-135 {

  padding-bottom: 135px;

}



.pb-140 {

  padding-bottom: 140px;

}



.pb-145 {

  padding-bottom: 145px;

}



.pb-150 {

  padding-bottom: 150px;

}



.pb-155 {

  padding-bottom: 155px;

}



.pb-160 {

  padding-bottom: 160px;

}



.pb-165 {

  padding-bottom: 165px;

}



.pb-170 {

  padding-bottom: 170px;

}



.pb-175 {

  padding-bottom: 175px;

}



.pb-180 {

  padding-bottom: 180px;

}



.pb-185 {

  padding-bottom: 185px;

}



.pb-190 {

  padding-bottom: 190px;

}



.pb-195 {

  padding-bottom: 195px;

}



.pb-200 {

  padding-bottom: 200px;

}



/*-- Padding Left --*/

.pl-5 {

  padding-left: 5px;

}



.pl-10 {

  padding-left: 10px;

}



.pl-15 {

  padding-left: 15px;

}



.pl-20 {

  padding-left: 20px;

}



.pl-25 {

  padding-left: 25px;

}



.pl-30 {

  padding-left: 30px;

}



.pl-35 {

  padding-left: 35px;

}



.pl-40 {

  padding-left: 40px;

}



.pl-45 {

  padding-left: 45px;

}



.pl-50 {

  padding-left: 50px;

}



.pl-55 {

  padding-left: 55px;

}



.pl-60 {

  padding-left: 60px;

}



.pl-65 {

  padding-left: 65px;

}



.pl-70 {

  padding-left: 70px;

}



.pl-75 {

  padding-left: 75px;

}



.pl-80 {

  padding-left: 80px;

}



.pl-85 {

  padding-left: 85px;

}



.pl-90 {

  padding-left: 90px;

}



.pl-95 {

  padding-left: 95px;

}



.pl-100 {

  padding-left: 100px;

}



.pl-105 {

  padding-left: 105px;

}



.pl-110 {

  padding-left: 110px;

}



.pl-115 {

  padding-left: 115px;

}



.pl-120 {

  padding-left: 120px;

}



.pl-125 {

  padding-left: 125px;

}



.pl-130 {

  padding-left: 130px;

}



.pl-135 {

  padding-left: 135px;

}



.pl-140 {

  padding-left: 140px;

}



.pl-145 {

  padding-left: 145px;

}



.pl-150 {

  padding-left: 150px;

}



.pl-155 {

  padding-left: 155px;

}



.pl-160 {

  padding-left: 160px;

}



.pl-165 {

  padding-left: 165px;

}



.pl-170 {

  padding-left: 170px;

}



.pl-175 {

  padding-left: 175px;

}



.pl-180 {

  padding-left: 180px;

}



.pl-185 {

  padding-left: 185px;

}



.pl-190 {

  padding-left: 190px;

}



.pl-195 {

  padding-left: 195px;

}



.pl-200 {

  padding-left: 200px;

}



/*-- Padding Right --*/

.pr-5 {

  padding-right: 5px;

}



.pr-10 {

  padding-right: 10px;

}



.pr-15 {

  padding-right: 15px;

}



.pr-20 {

  padding-right: 20px;

}



.pr-25 {

  padding-right: 25px;

}



.pr-30 {

  padding-right: 30px;

}



.pr-35 {

  padding-right: 35px;

}



.pr-40 {

  padding-right: 40px;

}



.pr-45 {

  padding-right: 45px;

}



.pr-50 {

  padding-right: 50px;

}



.pr-55 {

  padding-right: 55px;

}



.pr-60 {

  padding-right: 60px;

}



.pr-65 {

  padding-right: 65px;

}



.pr-70 {

  padding-right: 70px;

}



.pr-75 {

  padding-right: 75px;

}



.pr-80 {

  padding-right: 80px;

}



.pr-85 {

  padding-right: 85px;

}



.pr-90 {

  padding-right: 90px;

}



.pr-95 {

  padding-right: 95px;

}



.pr-100 {

  padding-right: 100px;

}



.pr-105 {

  padding-right: 105px;

}



.pr-110 {

  padding-right: 110px;

}



.pr-115 {

  padding-right: 115px;

}



.pr-120 {

  padding-right: 120px;

}



.pr-125 {

  padding-right: 125px;

}



.pr-130 {

  padding-right: 130px;

}



.pr-135 {

  padding-right: 135px;

}



.pr-140 {

  padding-right: 140px;

}



.pr-145 {

  padding-right: 145px;

}



.pr-150 {

  padding-right: 150px;

}



.pr-155 {

  padding-right: 155px;

}



.pr-160 {

  padding-right: 160px;

}



.pr-165 {

  padding-right: 165px;

}



.pr-170 {

  padding-right: 170px;

}



.pr-175 {

  padding-right: 175px;

}



.pr-180 {

  padding-right: 180px;

}



.pr-185 {

  padding-right: 185px;

}



.pr-190 {

  padding-right: 190px;

}



.pr-195 {

  padding-right: 195px;

}



.pr-200 {

  padding-right: 200px;

}



/* typography css start */

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 400;

  color: #000;

  margin: 0;

  line-height: 1.4;

  font-family: "Libre Caslon Text", serif;

}



h1 {

  font-size: 80px;



}



h2 {

  font-size: 46px;

}



h3 {

  font-size: 22px;

}



h4 {

  font-size: 20px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 16px;

}



/* typography css end */

/*--

    - Overlay

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

[data-overlay] {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  z-index: 1;

}



[data-overlay]::before {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

}



/*-- Overlay Color --*/

[data-overlay=light]::before {

  background-color: #ffffff;

}



[data-overlay=dark]::before {

  background-color: #000;

}



/*-- Overlay Opacity --*/

[data-opacity="1"]::before {

  opacity: 0.1;

}



[data-opacity="2"]::before {

  opacity: 0.2;

}



[data-opacity="3"]::before {

  opacity: 0.3;

}



[data-opacity="4"]::before {

  opacity: 0.4;

}



[data-opacity="5"]::before {

  opacity: 0.5;

}



[data-opacity="6"]::before {

  opacity: 0.6;

}



[data-opacity="65"]::before {

  opacity: 0.65;

}



[data-opacity="7"]::before {

  opacity: 0.7;

}



[data-opacity="8"]::before {

  opacity: 0.8;

}



[data-opacity="9"]::before {

  opacity: 0.9;

}



/* Heder css start*/

.site-header {

  width: 100%;

  z-index: 9;

}



.site-header__3 {

  border-bottom: 0px solid #32323D;

  padding: 0px 0px;

}







.site-header__3 .wrapper {

  width: 200px;

}



.site-header__4 {

  border: none;

}



.header-top {

  padding: 30.5px 0px;

  border-bottom: 1px solid #32323D;

}







.header-top__right a {

  text-decoration: none;

}



.header-top__right .tel {

  color: #ffffff;

  font-size: 18px;

}



.header-top__right .tel i {

  color: #C7A17A;

  padding-right: 15px;

  font-size: 19px;

}



.header-top__right .site-btn {

  margin-left: 80px;

}









.header-top__2 {

  border-color: #E2DFDD;

}



.header-top__2 .site-btn {

  margin-left: 100px;

}



@media (max-width: 1199px) {

  .header-top__2 .site-btn {

    margin-left: 50px;

  }

}



@media (max-width: 767px) {

  .header-top__2 .site-btn {

    margin-left: 0px;

  }

}



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

  .header-top__2 .site-btn {

    margin-left: 50px;

  }

}



.header-top__infos {

  margin: 0;

}



@media (max-width: 991px) {

  .header-top__infos {

    padding-left: 0px;

  }

}



@media (max-width: 767px) {

  .header-top__infos {

    flex-direction: column;

    margin-top: -10px;

  }

}



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

  .header-top__infos {

    flex-direction: row;

    margin-top: 0px;

  }

}



.header-top__infos li {

  color: #6c6c6c;

  text-transform: uppercase;

  font-weight: 500;

}



.header-top__infos li:not(:last-child) {

  margin-right: 65px;

}



@media (max-width: 767px) {

  .header-top__infos li:not(:last-child) {

    margin-right: 0px;

  }

}



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

  .header-top__infos li:not(:last-child) {

    margin-right: 55px;

  }

}



.header-top__infos li i {

  color: #C7A17A;

  padding-right: 10px;

  font-size: 19px;

}



.header-top__infos li a {

  color: #6c6c6c;

  text-decoration: none;

}







.logo img {

  max-width: 146px;

}



/* Navigation css */

.main-menu ul {

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

}



.main-menu ul li {

  position: relative;

}



.main-menu ul li:not(:last-child) {

  margin-right: 42px;

}



.main-menu ul li:nth-child(6) {

  margin-right: 20px;

  padding-right: 18px;

  border-right: 1px solid #d7d7d7;

}



.menu-area__right a.wp-icon img {

  width: 39px;

}



.main-menu ul li a {

  display: block;

  text-decoration: none;

  font-size: 16px;

  color: #000;

  padding: 0px 0px;

  position: relative;

  text-transform: uppercase;

  line-height: 22px;

  font-weight: 500;

}



.main-menu ul li a.site-btn {

  display: block;

  text-decoration: none;

  background-color: #EBB537;

  font-size: 16px;

  color: #fff;

  padding: 15px 15px;

  letter-spacing: 1px;

  border: 0;

  text-transform: uppercase;

  position: relative;

  text-transform: uppercase;

  line-height: 22px;

  border-radius: 5px;

  font-weight: 700;

  line-height: 1;

}



.main-menu ul li a.site-btn img {

  width: 20px;

}



.main-menu ul li a.site-btn:hover {

  color: #fff;

}



.main-menu ul li a::after {

  position: absolute;

  left: 10px;

  top: 50%;

  width: 11px;

  height: 11px;

  background: #C7A17A;

  content: "";

  border-radius: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

}





.main-menu ul li:hover a {

  color: #EBB537;

}



.main-menu ul li:hover>.sub-menu {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scaleY(100%);

  -ms-transform: scaleY(100%);

  transform: scaleY(100%);

}



.main-menu ul li .sub-menu {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: absolute;

  min-width: 240px;

  top: 100%;

  visibility: hidden;

  opacity: 0;

  background: #ffffff;

  padding: 20px 0;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

  z-index: 3;

  text-align: left;

  transform-origin: 50% 0;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  border-radius: 5px;

}



.main-menu ul li .sub-menu li {

  margin-right: 0px;

}



.main-menu ul li .sub-menu li a {

  color: #010103;

  padding: 10px 30px;

}



.main-menu ul li .sub-menu li a::after {

  left: 15px;

}



.main-menu ul li .sub-menu li a:hover::after {

  left: 10px;

}



.main-menu ul li .sub-menu li:hover>a {

  color: #C7A17A;

  letter-spacing: 1px;

}



.main-menu ul li .sub-menu li:hover>a::after {

  left: 10px;

}



.main-menu ul li .sub-menu ul {

  left: 100%;

  top: 0px;

}













.main-menu__2 ul li a {

  color: #000;

  font-weight: 500;

}





.main-menu__4 ul li a {

  color: #000;

  font-weight: 500;

}



.menu-area {

  position: relative;

  z-index: 99;

  padding: 0px 0;

}



.menu-area__right .item {

  font-size: 19px;

  color: #ffffff;

}



.menu-area__right .item i {

  color: #222;

  font-size: 27px;

}









.menu-area.sticky-header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 99999;

  background: #fff;

  -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1);

}



@media (max-width: 991px) {

  .menu-area.sticky-header {

    padding-top: 10px;

    padding-bottom: 10px;

  }

}



.menu-area-2.sticky-header {

  background-color: #ffffff;

}



@media (max-width: 991px) {

  .menu-area-2.sticky-header {

    padding-top: 10px;

    padding-bottom: 0px;

  }

}



.menu-area__4.sticky-header {

  background-color: #ffffff;

}



.menu-area.animated {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

}



.mean-container .mean-nav ul li a:hover {

  color: #FF5B00;

}



/* Social link css */

.social-links a {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  width: 35px;

  height: 35px;

  border-radius: 4px;

  font-size: 13px;

  border: 1px solid #808080;

  text-align: center;

  line-height: 27px;

  color: #808080;

  text-decoration: none;

}



.social-links a:not(:last-child) {

  margin-right: 10px;

}



.social-links a:hover {

  border-color: #ffffff;

  color: #ffffff;

}



.social-links__2 a {

  border-color: #E2DFDD;

}



.social-links__2 a:hover {

  border-color: #999999;

  color: #000;

}



/* Button css */

.site-btn {

  display: block;

  text-decoration: none;

  background-color: #EBB537;

  font-size: 16px;

  color: #fff;

  padding: 15px 25px;

  letter-spacing: 2px;

  border: 0;

  text-transform: uppercase;

  position: relative;

  text-transform: uppercase;

  line-height: 22px;

  border-radius: 5px;

  font-weight: 700;

  line-height: 1;

}



@media (max-width: 767px) {

  .site-btn {

    padding: 9.5px 30px;

  }

}



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

  .site-btn {

    padding: 9.5px 34px;

  }

}



.site-btn::after {

  background: #32323D;

  width: 0%;

  height: 100%;

  border-radius: 5px;

  position: absolute;

  content: "";

  top: 0;

  -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

  z-index: -1;

  right: 0;

}



.site-btn:hover::after {

  width: 100%;

  left: 0;

  right: auto;

}



.site-btn:hover {

  color: #ffffff;

  border-color: #010103;

  border-radius: 7px;

}



.site-btn__borderd {

  background: transparent;

  border-color: #32323D;

}



.site-btn__borderd::after {

  background: #C7A17A;

}



.site-btn__borderd:hover {

  border-color: #C7A17A;

}



.site-btn__2 {

  background: transparent;

  border-color: #E2DFDD;

  margin-right: 20px;

  color: #010103;

}



.site-btn__2::after {

  background: #C7A17A;

}



.site-btn__2:hover {

  border-color: #C7A17A;

}



.site-btn__bghide {

  border: none;

  border-radius: 0px;

  color: #000;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 14px;

  letter-spacing: 0px;

  background-color: transparent;

}



.site-btn__bghide::after {

  display: none;

}



.site-btn__bghide:hover {

  color: #C7A17A;

}



@media (max-width: 767px) {

  .btns {

    flex-direction: column;

    justify-content: flex-start !important;

    align-items: flex-start !important;

  }

}



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

  .btns {

    flex-direction: row;

    justify-content: flex-start !important;

    align-items: center !important;

  }

}



.btns .site-btn__borderd {

  margin-left: 20px;

}



@media (max-width: 767px) {

  .btns .site-btn__borderd {

    margin-left: 0px;

    margin-top: 20px;

  }

}



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

  .btns .site-btn__borderd {

    margin-left: 20px;

    margin-top: 0px;

  }

}



.btns .site-btn__borderd--double {

  border-width: 2px;

  padding: 8.5px 34px;

}



.video-btn {

  text-decoration: none;

}



.video-btn span {

  font-size: 15px;

  text-transform: uppercase;

  color: #828282;

  margin-right: 18px;

}



.video-btn i {

  width: 50px;

  height: 50px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  color: #ffffff;

  border-radius: 50%;

  border: 1px solid #79797A;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.video-btn:hover i {

  background: #C7A17A;

  color: #ffffff;

}



.video-btn__2 {

  flex-direction: column;

  justify-content: center;

}



.video-btn__2 i {

  width: 70px;

  height: 70px;

  color: #776c62;

  font-size: 13px;

  margin-bottom: 5px;

  border-color: #E3E0DE;

}



.video-btn__2 span {

  color: #000;

  font-weight: 500;

  margin-right: 0px;

  display: block;

}



.video-btn__2--white i {

  color: #ffffff;

}



.video-btn__2--white span {

  color: #ffffff;

  letter-spacing: 2px;

}



.video-btn__2--white:hover i {

  background-color: #C7A17A;

  border-color: #C7A17A;

}



.read-more {

  color: #a7a7a7;

  text-transform: uppercase;

  text-decoration: none;

  font-size: 15px;

  display: inline-block;

}



.read-more i {

  padding-left: 10px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.read-more:hover {

  color: #ffffff;

}



.read-more:hover i {

  padding-left: 5px;

}



.read-more__2 {

  color: #6c6c6c;

}



.go-top {

  position: absolute;

  flex-direction: column;

  font-size: 15px;

  color: #a7a7a7;

  text-transform: uppercase;

  text-decoration: none;

  top: -25px;

  left: 50%;

  display: inline-block;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.go-top span {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.go-top span:hover {

  color: #ffffff;

}



.go-top i {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  background-color: #010103;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  color: #ffffff;

  margin-bottom: 10px;

  border: 1px solid #a7a7a7;

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



.go-top i:hover {

  background-color: #C7A17A;

}



.go-top__bottom {

  left: 0;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

  position: static;

  color: #ffffff;

}



@media (max-width: 991px) {

  .go-top__bottom {

    margin-top: 30px;

  }

}



.go-top__bottom span {

  color: #ffffff;

}



.go-top__bottom i {

  display: inline-block;

  width: auto;

  height: auto;

  border: none;

  margin-bottom: 0;

  padding-left: 5px;

  background-color: transparent;

}



.go-top__white i {

  background: #ffffff;

  border-color: #E2DFDD;

  color: #000;

  margin-bottom: 0px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.go-top__white i:hover {

  background-color: #C7A17A;

  border-color: #C7A17A;

  color: #ffffff;

}



@media (max-width: 991px) {

  .btns-wrapper .site-btn {

    margin-top: 20px;

  }

}



.share-btn {

  color: #6c6c6c;

}



.inline-btn {

  width: 45px;

  height: 45px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  color: #776c62;

  border: 1px solid #E2DFDD;

  border-radius: 5px;

  text-decoration: none;

}



.inline-btn:hover {

  color: #ffffff;

  background-color: #C7A17A;

  border-color: #C7A17A;

}



/* search css */

.search {

  position: relative;

}



.search__trigger {

  padding: 10px 12px;

}



.search__trigger .open,

.search__trigger .close {

  cursor: pointer;

  line-height: 60px;

  color: #000;

}



.search__trigger .close {

  display: none;

}



.search__form {

  position: absolute;

  visibility: hidden;

  opacity: 0;

  transform: scale(0.9);

  padding: 15px;

  right: 0;

  top: 80px;

  width: 350px;

  z-index: 99;

}



@media (max-width: 767px) {

  .search__form {

    width: 280px;

    right: -100px;

  }

}



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

  .search__form {

    width: 350px;

    right: 0;

  }

}



.search__form form {

  position: relative;

}



.search__form input {

  width: 100%;

  height: 55px;

  border: 0;

  background: #F4F1EE;

  padding: 20px;

}



.search__form button {

  position: absolute;

  right: 0;

  top: 0;

  border: 0;

  background: #1b2026;

  height: 55px;

  width: 55px;

  color: #fff;

  font-size: 18px;

  line-height: 60px;

}



.search__form.active {

  transform: scale(1);

  opacity: 1;

  visibility: visible;

  transition: 0.3s;

  background: #fff;

}



/* side info css */

.hamburger-trigger {

  margin-left: 12px;

  padding: 0;

  cursor: pointer;

}



.side-info {

  padding-left: 20px;

  padding-right: 20px;

}



.side-info .title {

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

  text-transform: uppercase;

  font-weight: 600;

  font-size: 18px;

}



.side-info .mb-5 {

  margin-bottom: 5px !important;

}



.side-info p {

  font-size: 15x;

  line-height: 28px;

}



.side-info__close {

  top: 0;

  left: 0;

  background: #e7e7e7;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  cursor: pointer;

  border-radius: 5px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.side-info__close a {

  display: block;

  height: 100%;

  width: 100%;

  color: #000;

  text-decoration: none;

}



.side-info__close:hover {

  background: #FF5B00;

}



.side-info__wrapper {

  margin-bottom: 24px;

}



.side-info .social-links a:hover {

  color: #FF5B00;

  border-color: #FF5B00

}



.overlay {

  background-color: rgba(0, 0, 0, 0.7);

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 99;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s linear 0s;

  transition: all 600ms ease;

  -webkit-transition: all 600ms ease;

  -moz-transition: all 600ms ease;

  -ms-transition: all 600ms ease;

  -o-transition: all 600ms ease;

}



.overlay.active {

  opacity: 0.5;

  visibility: visible;

  cursor: url(../images/icons/cancel.png), auto;

}



.side-info-wrapper,

.cart-bar-wrapper {

  position: fixed;

  overflow-y: auto;

  top: 0;

  right: -530px;

  width: 450px;

  height: 100vh;

  display: block;

  background-color: #fff;

  z-index: 9999999;

  box-shadow: -5px 0 20px -5px rgb(0 0 0 / .5);

  padding-top: 0;

  -webkit-transition: all 600ms cubic-bezier(.785, .135, .15, .86);

  -o-transition: all 600ms cubic-bezier(.785, .135, .15, .86);

  transition: all 600ms cubic-bezier(.785, .135, .15, .86);

}



.side-info-wrapper .nav,

.cart-bar-wrapper .nav {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.side-info-wrapper .nav a,

.cart-bar-wrapper .nav a {

  flex: 0 0 50%;

  -ms-flex: 0 0 50%;

  max-width: 50%;

  font-size: 18px;

  color: #010103;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  padding: 12px 10px;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 14px;

  letter-spacing: 2px;

}



.side-info-wrapper .nav a.active,

.cart-bar-wrapper .nav a.active {

  background: #010103;

  color: #ffffff;

}



.side-info-wrapper.show,

.cart-bar-wrapper.show {

  right: 0;

}



.side-info-wrapper.mm-only.show {

  display: none;

}



@media (max-width: 991px) {

  .side-info-wrapper.mm-only.show {

    display: inline-block;

  }

}



@media (max-width: 991px) {

  .side-info-wrapper.show-all.show {

    display: none;

  }

}



.side-info-wrapper .contact__info li {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  font-size: 15px;

  align-items: flex-start;

}



.side-info-wrapper .contact__info li span {

  margin-right: 10px;

  flex: 0 0 15px;

  -ms-flex: 0 0 15px;

  max-width: 15px;

  color: #C7A17A;

  font-size: 15px;

}



.side-info-wrapper .contact__info li p {

  flex: 0 0 85%;

  -ms-flex: 0 0 85%;

  max-width: 85%;

}



.side-info-wrapper .contact__info li:not(:last-child) {

  margin-bottom: 5px;

}



/* mini cart css */

.cart {

  margin-left: 10px;

  padding: 10px 12px;

  cursor: pointer;

}



.cart__count {

  width: 20px;

  height: 20px;

  font-size: 12px;

  color: #ffffff;

  background: #80A093;

  position: absolute;

  top: 10px;

  right: 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  line-height: 0;

}



.cart-bar-wrapper {

  padding: 25px 20px;

  padding-top: 60px;

}



.cart-bar-wrapper .site-btn {

  font-size: 12px;

  padding: 7px 18px;

}



.cart-bar-wrapper .site-btn__borderd {

  color: #010103;

  margin-left: 15px;

}



.cart-bar-wrapper .site-btn__borderd:hover {

  color: #ffffff;

}



@media (max-width: 767px) {

  .cart-bar-wrapper .btns {

    flex-direction: column;

    justify-content: flex-start !important;

    align-items: flex-start !important;

  }

}



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

  .cart-bar-wrapper .btns {

    flex-direction: row;

    justify-content: flex-start !important;

    align-items: center !important;

  }

}



@media (max-width: 767px) {

  .cart-bar-wrapper .btns .site-btn__borderd {

    margin-left: 0px;

    margin-top: 20px;

  }

}



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

  .cart-bar-wrapper .btns .site-btn__borderd {

    margin-left: 20px;

    margin-top: 0px;

  }

}



.cart-bar__close {

  position: absolute;

  top: 0;

  left: 0;

  background: #010103;

  width: 40px;

  height: 40px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.cart-bar__close a {

  color: #fff;

  position: relative;

  z-index: 2;

  font-size: 16px;

  left: 0;

  height: 100%;

  text-decoration: none;

}



.cart-bar__title {

  font-size: 18px;

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

  text-transform: uppercase;

  font-weight: 600;

  display: block;

  padding-bottom: 15px;

  border-bottom: 1px solid #F4F1EE;

  margin-bottom: 15px;

}



.cart-bar__title span {

  color: #000;

}



.cart-bar__item .thumb {

  background: #ffffff;

  min-width: 70px;

}



.cart-bar__item .thumb img {

  max-width: 60px;

}



.cart-bar__item .content {

  padding-right: 25px;

  position: relative;

}



.cart-bar__item .content .title {

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

}



.cart-bar__item .content .title a {

  text-decoration: none;

  color: #010103;

}



.cart-bar__item .content .price {

  color: #010103;

  font-weight: 600;

  font-size: 15px;

}



.cart-bar__item .content .remove {

  top: 50%;

  right: 0px;

  color: #ffffff;

  width: 20px;

  height: 20px;

  font-size: 12px;

  line-height: 22px;

  text-align: center;

  position: absolute;

  border-radius: 100%;

  background-color: #80A093;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.cart-bar__subtotal {

  border-bottom: 1px solid #F4F1EE;

  border-top: 1px solid #F4F1EE;

  padding: 7px 0px;

  display: block;

  margin-top: 20px;

  margin-bottom: 20px;

}



.cart-bar__subtotal span {

  color: #010103;

  text-transform: uppercase;

  font-weight: 600;

}



.cart-bar__lists .cart-bar__item:not(:last-child) {

  margin-bottom: 15px;

}



/* hero area css */

.hero__area {

  z-index: 1;

  padding-top: 275px;

  padding-bottom: 90px;

}



.hero__area .shape {

  left: 0;

  top: 0;

}





.hero__area .shape__2 {

  left: auto;

  right: 0;

}





.hero__area--2 {

  padding-top: 0px;

  padding-bottom: 80px;

}



.hero__area--2 .shape {

  top: -65px;

}



.hero__area--2 .shape__2 {

  right: 0;

  top: -100px;

}



.hero__area--3 {

  padding-top: 87px;

  background-position: center top;

  padding-bottom: 70px;

  position: relative;

  background-image: url(../images/banner-bg.webp);

}





.hero__area--3 .vide-wrapper {

  height: 100%;

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  flex: 0 0 100%;

  -ms-flex: 0 0 100%;

  max-width: 100%;

  align-items: flex-end;

  justify-content: flex-end;

}



.hero__area--3 .vide-wrapper .vide-btn {

  right: 0;

  bottom: 0;

}





.hero__content {

  z-index: 2;

}



.hero__content .title {

  color: #ffffff;

  font-family: "Libre Caslon Text", serif;

  font-size: 68px;

  font-weight: 400;

  line-height: 77px;

  text-transform: uppercase;

  margin-bottom: 11px;

}



.hero__content h3.banner-title {

  color: #ffffff;

  font-family: "Libre Caslon Text", serif;

  font-size: 35px;

  font-style: italic;

  font-weight: bold;

  line-height: 48px;

}





.hero__content p {

  color: #a7a7a7;

  font-size: 18px;

}





.hero__content--2 .title {

  color: #000;

  font-size: 120px;

  line-height: 115px;

}



.hero__content .social-links a {

  width: auto;

  border: none;

  text-transform: uppercase;

  font-size: 14px;

}



.hero__content .social-links a:not(:last-child) {

  margin-right: 45px;

}



.hero__content .social-links a i {

  font-size: 15px;

  color: #ffffff;

  margin-right: 10px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.hero__content .social-links a span {

  color: #ffffff;

  font-weight: 500;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.hero__content .social-links a:hover i {

  color: #C7A17A;

}



.hero__content .social-links a:hover span {

  color: #C7A17A;

}



.hero__thumb {

  padding-top: 2px;

  z-index: 2;

  position: relative;

  -webkit-transform: translate(-30px, -25px);

  -ms-transform: translate(-30px, -25px);

  transform: translate(-30px, -25px);

}







.hero__thumb--2 .video-btn {

  position: absolute;

  bottom: 55px;

  right: -30px;

}









/* ++++ Topbar CSS ++++++ */

.top-bar {

  background-color: #000;

  padding: 7px 0;

}





.c-text-container {

  overflow: hidden;

  display: flex;

  padding: 1px 0;

}



.c-text-slider {

  display: flex;

  white-space: nowrap;

  animation: slide 100s linear infinite;

}



@keyframes slide {

  from {

    transform: translateX(0%);

  }



  to {

    transform: translateX(-100%);

  }

}



.c-text a p {

  text-decoration: none;

  color: #fff;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 600;

  margin-bottom: 0;

  letter-spacing: 1px;

  line-height: 1;

}



.c-text a {

  text-decoration: none;

}



.c-text {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 16px;

  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.4);

  margin-left: 50px;

  position: relative;

  margin-right: 50px;

}









/* ===== Hallmarks of Trust & Excellence ===== */

.hallmarks-section {

  position: relative;

  /* background: #ffffff; */

  color: #0b0f1a;

  /* overflow: hidden; */

}



/* subtle corner wash like the screenshot */



/* Headings + text */

.hallmarks-title {

  margin: 0 0 12px 0;

  font-weight: 400;

  line-height: 1.1;

}



.hallmarks-title .accent {

  color: #EBB537;

}



/* orange words */



.hallmarks-lead {

  margin: 8px 0 18px 0;

  font-weight: 700;

  font-size: 24px;

  color: #000;

}



.hallmarkContent p {

  margin-bottom: 0;

  line-height: 32px;

  color: #000;

}



.hallmarkContent p:not(:last-child) {

  margin-bottom: 16px;

}



.hallmarks-lead .teal {

  color: #163052;

}



.hallmarks-text {

  margin: 0 0 18px 0;

  font-size: 16px;

  line-height: 1.8;

  color: #000;

}



/* Right media */

.hallmarks-media {

  position: relative;

  border-radius: 14px;

  overflow: hidden;

  background: #dfe6ef;

  height: 451px;

}



.hallmarks-media img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* .hallmarks-media img.utube-img {

  display: block;

  width: 40px;

  height: 40px;

  object-fit: cover;

} */



.media-badge {

  position: absolute;

  top: 14px;

  left: 14px;

  display: inline-flex;

  align-items: center;

  font-weight: 700;

  font-size: 13px;

  box-shadow: 0 6px 18px rgba(0, 0, 0, .12);

}



.media-badge .dot {

  width: 18px;

  height: 18px;

  border-radius: 50%;

  background: #ff0000;

}



/* Badge grid */

.badge-row {

  margin-top: 48px;

}



.hallmark-badge {

  text-align: center;

}



.hallmark-badge .emblem {

  width: 100%;

  display: block;

  object-fit: contain;

  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));

}



.hallmark-badge p {

  margin: 0;

  font-size: 13px;

  line-height: 21px;

  color: #000;

  padding: 0 18px;

}



.block-spacer {

  margin-top: 18px;

}







.btns a.site-btn img {

  margin-left: 5px;

}







/* ===== Banner ===== */

.courses-banner {

  position: relative;

  overflow: hidden;

  margin-top: 40px;

}



.eyebrow {

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

  font-size: 14px;

  font-weight: 600;

  color: #fff;

}



.course-title {

  color: #fff;

  text-transform: capitalize;

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

  font-weight: 600;

  font-size: 14px;

}



/* Content container (no framework) */

.courses-inner {

  position: relative;

  z-index: 1;

  margin: 0 auto;

}



/* Eyebrow heading */

.eyebrow {

  margin: 0 0 22px 0;

  font-size: 14px;

  letter-spacing: .22em;

  text-transform: uppercase;

  opacity: .95;

}



/* Grid */

.courses-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  column-gap: 0;

  row-gap: 3px;

  width: 91%;

}



/* Item */

.course {

  display: flex;

  align-items: center;

  min-height: 62px;

}



.course .plate img {

  min-width: 69px;

  height: 48px;

}





/* unskew icon */



.title {

  font-size: 24px;

  font-weight: 700;

  letter-spacing: .2px;

  margin: 0;

  color: #ffffff;

}



/* Responsive */

@media (max-width: 900px) {

  .courses-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 48px;

  }

}



@media (max-width: 560px) {

  .courses-grid {

    grid-template-columns: 1fr;

    column-gap: 0;

    row-gap: 24px;

  }



  .title {

    font-size: 20px;

  }



  .plate {

    width: 64px;

    height: 64px;

  }

}





.hero__area.hero__area--3 .char-img img {

  position: absolute;

  bottom: -170px;

  width: 61%;

  left: -69px;

}



.hallmarks-media iframe {

  width: 100%;

  height: 468px;

}



/* ===== Fixed right form shell ===== */

.apply-form {

  position: fixed;

  top: 166px;

  right: 0;

  width: 320px;

  padding: 10px;

  border-radius: 8px 0px 0px 8px;

  background: #00369f82;

  border: 2px dashed #66a8ff;

  z-index: 1000;

  box-shadow: -6px 0 24px rgba(0, 0, 0, .28);

}



/* inner white card */

.form-card {

  position: relative;

  z-index: 1;

  background: #ffffff;

  border-radius: 10px;

  padding: 12px;

}



.stack {

  display: grid;

  gap: 4px;

}



/* Inputs */

.field {

  width: 100%;

  height: 47px;

  padding: 12px 14px;

  border-radius: 10px;

  border: 2px solid #163052;

  background: #fff;

  font-size: 14px;

  color: #163052;

  outline: none;

  transition: box-shadow .15s ease, border-color .15s ease;

}



.field::placeholder {

  color: #4a4f54;

  opacity: .9;

}



.field:focus {

  border-color: #163052;

}



/* Nice select overrides to match inputs */

.nice-select {

  width: 100%;

  height: 47px;

  line-height: 44px;

  border-radius: 10px;

  border: 2px solid #1f8080;

  padding: 0 42px 0 14px;

  background: #fff;

  color: #0b1f22;

  font-size: 14px;

}



.nice-select:focus {

  border-color: #16b2a6;

  box-shadow: 0 0 0 3px rgba(22, 178, 165, 0);

}



.nice-select:after {

  /* caret */

  border-bottom: 2px solid #1f8080;

  border-right: 2px solid #1f8080;

  right: 16px;

  width: 7px;

  height: 7px;

  margin-top: -5px;

}



.nice-select .list {

  width: 100%;

  border-radius: 10px;

  box-shadow: 0 10px 26px rgba(0, 0, 0, .2);

  height: 170px;

  overflow-y: scroll;

}



.nice-select .option {

  line-height: 40px;

  min-height: 40px;

  padding: 0 14px;

  color: #000;

  font-size: 14px;

}



.nice-select .option.selected {

  font-weight: 600;

}



.nice-select .option:hover {

  background: #f2fbfb;

}



/* Submit button (yellow with dashed border like your shot) */

.submit-btn {

  width: 100%;

  /* height: 56px; */

  border-radius: 10px;

  background: #EBB537;

  color: #fff;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: .5px;

  cursor: pointer;

  font-size: 14px;

  padding: 5px 18px;

}



.submit-btn:hover {

  background: #eab800;

}



.award-gap {

  padding-right: 50px;

  --bs-gutter-x: 2.5rem;

  --bs-gutter-y: 2.5rem;

}



.fullBanner .bigBanner img {

  width: 100%;

  margin-top: -380px;

}



/* ===== Awards & Achievements Section ===== */







.awards-row {

  align-items: center;

}



/* Left column */

.awards-left {

  max-width: 560px

}



.awards-title {

  margin: 0 0 18px;

  line-height: 1.15;

}



.awards-section {

  padding-bottom: 80px;

  border-top: 2px solid var(--teal);

}



.t-accent {

  color: var(--accent)

}



.awards-lead {

  margin: 0 0 8px;

  line-height: 1.7;

  color: #000;

}



.awards-sub {

  margin: 0;

  font-size: 15px;

  line-height: 1.7;

  color: var(--muted);

}







.awards-slider .swiper {

  /* overflow: visible; */

  /* allow scaled active slide to pop */

  padding-bottom: 36px;

  /* room for pagination dots */

}



/* Card look that matches screenshot */

/* Card */

.award-card {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 18px;

  /* box-shadow: var(--shadow); */

  padding: 36px 26px;

  text-align: center;

  transition: transform .35s ease, opacity .35s ease, box-shadow .35s ease;

}



/* Image box */

.award-media {

  height: 230px;

  /* tune to your artwork */

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 16px;

}



.award-media img {

  max-width: 100%;

  max-height: 100%;

  object-fit: contain;

}



/* Text */

.award-heading {

  margin: 6px 0 10px;

  font-size: 16px;

  font-weight: 800;

  letter-spacing: .2px;

  text-transform: uppercase;

  color: #1f2937;

}



.award-heading--red {

  color: #e24235;

}



.award-text {

  margin: 0;

  font-size: 14px;

  line-height: 20px;

  color: #000;

}



/* Spacing between slides */

.awards-slick .slick-list {

  margin: 0 -28px;

  /* negative equals slide margin */

}



.awards-slick .slick-slide {

  margin: 0 11px;

  padding: 22px 0 56px 0;

}



/* “Center larger” look */

.awards-slick .slick-slide .award-card {

  transform: scale(.80);

  opacity: .85;

}



.awards-slick .slick-center .award-card {

  transform: scale(1.06);

  opacity: 1;

  box-shadow: 0px 8px 40px rgb(0 0 0 / 7%);

}



/* Dots */

.awards-slick .slick-dots {

  bottom: -10px;

}



.awards-slick .slick-dots li button:before {

  font-size: 7px;

  color: #d7dadd;

  /* inactive */

  opacity: 1;

}



.awards-slick .slick-dots li.slick-active button:before {

  color: #D9D9D9;

  font-size: 13px;

}









/* Section */

.placement-section {

  background: var(--bg);

  border-top: 2px solid var(--teal);

  border-bottom: 2px solid var(--teal);

}



/* Heading */

.pl-title {

  margin: 0 0 18px;

  font-weight: 400;

  line-height: 1.15;

}



.pl-title-dark {

  color: #000

}



.pl-title-accent {

  color: var(--accent-orange)

}





/* Lead paragraph */

.pl-lead {

  margin: 0;

  line-height: 1.8;

  color: #000;

  padding-right: 2%;

}



/* Bottom block spacing */

.pl-bottom {

  margin-top: 26px;

  align-items: flex-start;

}



/* Metrics (left) */

.pl-metrics {

  max-width: 520px

}



.pl-meta-intro {

  margin: 12px 0 14px;

  font-size: 20px;

  color: #000;

  line-height: 1;

}



.pl-metric-line {

  margin: 0 0 10px;

  font-size: 28px;

  font-weight: 700;

  color: #0d1115;

  line-height: 34px;

}



.pl-meta-sub {

  margin: 10px 0 12px;

  font-size: 18px;

  line-height: 27px;

  color: #000;

}



.pl-highlight {

  font-size: 28px;

  font-weight: bold;

  color: var(--teal);

}



.pl-metric-strong {

  font-weight: 8bold0;

}



/* Feature cards (right) */

.pl-card {

  border: 2px solid #1630526b;

  border-radius: 16px;

  padding: 28px 16px;

  text-align: center;

  margin-top: 20px;

  /* spacing between rows on mobile */

  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;

}



.pl-card:hover {

  transform: translateY(-2px);

}



.pl-icon {



  margin: 0 auto 14px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.pl-card-title {

  margin: 6px 0 0;

  font-size: 16px;

  font-weight: bold;

  line-height: 1.35;

  color: #000;

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



}



.c-logos-container-1 {

  overflow: hidden;

  display: flex;

  margin: 30px 0 0px 0;

}



.c-logos-slider-1 {

  display: flex;

  white-space: nowrap;

  animation: slides 80s linear infinite;

}





.c-logo {

  display: flex;

  padding: 8px;

  align-items: center;

  justify-content: center;

  gap: 8px;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.40);

  width: 289px;

  height: 160px;

  border: 2px solid #EBEBEB;

  margin-right: 15px;

}



.c-logo img.logo-11 {

  max-width: 140px;

}



@keyframes slides {

  from {

    transform: translateX(-100%);

  }



  to {

    transform: translateX(0%);

  }

}



.c-logos-container-2 {

  overflow: hidden;

  display: flex;

  margin: 0;

}



.c-logos-slider-2 {

  display: flex;

  white-space: nowrap;

  animation: slidess 80s linear infinite;

}





.c-logo {

  display: flex;

  padding: 8px;

  align-items: center;

  justify-content: center;

  gap: 8px;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.40);

  width: 289px;

  height: 100px;

  border: 1px solid #EBEBEB;

  margin-right: 30px;

}



.c-logo img.logo-11 {

  max-width: 188px;

}



.c-logo img.logo-12 {

  max-width: 258px;

}



.c-logo img {

  max-width: 200px;

}



@keyframes slides {

  from {

    transform: translateX(-100%);

  }



  to {

    transform: translateX(0%);

  }

}



@keyframes slidess {

  from {

    transform: translateX(0%);

  }



  to {

    transform: translateX(-100%);

  }

}



.logoSldier {

  margin-top: 40px;

}









/* Section */

.started {

  border-top: 0px solid var(--teal);

  border-bottom: 2px solid var(--teal);

}



/* Left image */

.started-img {

  margin: 0;

  border-radius: 16px;

  overflow: hidden;

  box-shadow: var(--shadow);

}



.timelineWrap {

  position: relative;

}



.started-img img {

  width: 100%;

  display: block;

  height: 970px;

  object-fit: cover;

}



/* Heading */

.started-head {

  margin-bottom: 14px

}



.started-title {

  margin: 0 0 8px;

  line-height: 63px

}



.t-dark {

  color: #000

}



.t-accent {

  color: var(--accent)

}



.started-sub {

  margin: 0;

  color: #000;

  margin: 10px 0 26px 0;

}





.card-wrap {

  padding: 0 0px;

  position: relative;

}



/* CARD */

.curriculum-card {

  background: #fff;

  border: 1px solid var(--border);

  border-radius: 18px;

  padding: 20px 28px;

  display: flex;

  align-items: center;

  gap: 22px;

  box-shadow: 0 0 0 1px rgba(79, 113, 255, 0.02) inset;

  width: 717px;

  z-index: 1;

  position: relative;

}



/* icon */

.cc-icon {

  display: flex;

  align-items: center;

  justify-content: center;

}



.cc-icon svg {

  width: 96px;

  height: 96px;

  display: block;

}



/* text */

.cc-content {

  flex: 1 1 auto

}



.cc-title {

  margin: 2px 0 10px;

  line-height: 1.15;

  font-size: 22px;

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

  font-weight: 700;



  /* scales nicely */

}



.cc-sub {

  margin: 0;

  font-size: 16px;

  line-height: 1.4;

  color: #000;

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

  font-weight: 400;

}



.paddin-timeline {

  padding-left: 60px;

}





.timelineWrap .card-wrap:nth-child(2) {

  margin: 25px 0 25px 130px;

}



.timelineWrap .card-wrap:nth-child(1)::after {

  content: "";

  border-bottom: 2px dashed #e9e9e9;

  right: 64px;

  position: absolute;

  height: 1px;

  width: 91px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(1)::before {

  content: "";

  border-right: 2px dashed #e9e9e9;

  right: 64px;

  position: absolute;

  height: 91px;

  width: 1px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(3)::after {

  content: "";

  border-bottom: 2px dashed #e9e9e9;

  right: 64px;

  position: absolute;

  height: 1px;

  width: 91px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(3)::before {

  content: "";

  border-right: 2px dashed #e9e9e9;

  right: 64px;

  position: absolute;

  height: 91px;

  width: 1px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(5)::after {

  content: "";

  border-bottom: 2px dashed #e9e9e9;

  right: 64px;

  position: absolute;

  height: 1px;

  width: 91px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(5)::before {

  content: "";

  border-right: 2px dashed #e9e9e9;

  right: 64px;

  position: absolute;

  height: 91px;

  width: 1px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(2)::after {

  content: "";

  border-bottom: 2px dashed #e9e9e9;

  left: -81px;

  position: absolute;

  height: 1px;

  width: 91px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(2)::before {

  content: "";

  border-right: 2px dashed #e9e9e9;

  left: -81px;

  position: absolute;

  height: 91px;

  width: 1px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(4)::after {

  content: "";

  border-bottom: 2px dashed #e9e9e9;

  left: -81px;

  position: absolute;

  height: 1px;

  width: 91px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(4)::before {

  content: "";

  border-right: 2px dashed #e9e9e9;

  left: -81px;

  position: absolute;

  height: 91px;

  width: 1px;

  top: 50%;

}



.timelineWrap .card-wrap:nth-child(2) .cc-sub {

  margin: 0;

  font-size: 16px;

  line-height: 1.4;

  color: #000;

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

  width: 89%;

}



.timelineWrap .card-wrap:nth-child(4) {

  margin: 25px 0 25px 130px;

}



.timelineWrap .card-wrap:nth-child(6) {

  margin: 25px 0 25px 130px;

}



.slick-dots li {

  position: relative;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin: 0 0px;

  padding: 0;

  cursor: pointer;

}



.seacom-section {

  background: var(--bg);

  border-top: 2px solid var(--teal);

}



.sc-title {

  margin: 0 0 10px;

  font-weight: 400;

  line-height: 62px;

}



.sc-accent {

  color: var(--accent)

}



.sc-sub {

  margin: 0 0 20px;

  color: #000;

  font-size: 18px

}



/* ------------------ Accordion ------------------ */

.sc-accordion .accordion-item {

  border: none;

  border-bottom: 1px solid #d9eef0;

  background: transparent;

}



.sc-accordion .accordion-button {

  border-radius: 10px;

  background: var(--teal);

  color: #fff;

  box-shadow: none;

  padding: 20px 18px;

  margin-bottom: 12px;

  font-size: 19px;

  font-weight: 600;

}



.accordion-item:first-of-type>.accordion-header .accordion-button {

  border-top-left-radius: 10px !important;

  border-top-right-radius: 10px !important;

}



/* plus/minus on right */

.sc-accordion .accordion-button::after {

  background-image: none !important;

  content: "+";

  font-size: 33px;

  font-weight: 400;

  line-height: 18px;

  color: #fff;

}



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

  content: "–";

}



/* Collapsed items look like list rows */

.sc-accordion .accordion-button.collapsed {

  background: transparent;

  color: #163052;

  border-radius: 0;

  padding: 20px 18px;

  margin: 0;

  border-top: 0px solid #00a2a522;

}



.sc-accordion .accordion-button.collapsed::after {

  color: var(--teal);

}



/* Open panel body (first item) */

.course-box {

  border-radius: 10px;

  background: #fff;

  box-shadow: 0 12px 36px rgba(0, 0, 0, .06);

  overflow: hidden;

  padding: 16px;

}



/* header row */

.course-head {

  display: grid;

  grid-template-columns: 100px 1fr 70px;

  gap: 16px;

  align-items: center;

  border-radius: 10px;

  padding: 14px 18px;

  background: var(--orange);

  color: #fff;

  font-weight: 700;

  font-size: 20px;

}



/* rows */

.course-body {

  max-height: 207px;

  overflow: auto;

  padding: 6px 10px 10px 10px;

  margin-top: 13px;

}



/* webkit scrollbar to mimic slim teal bar */

.course-body::-webkit-scrollbar {

  width: 4px

}



.course-body::-webkit-scrollbar-track {

  background: #00a2a522

}



.course-body::-webkit-scrollbar-thumb {

  background: var(--teal);

  border-radius: 10px;

}



.course-row {

  display: grid;

  grid-template-columns: 101px 1fr 46px;

  gap: 16px;

  align-items: center;

  padding: 5px 8px;

  /* border-bottom: 1px solid #eef4f6; */

  font-size: 14px;

  font-weight: 500;

  align-items: start;

  line-height: 24px;

}



.course-row:last-child {

  border-bottom: none

}



/* ------------------ Right Visual ------------------ */







.promo-media img {

  display: block;

  width: 100%;

  object-fit: cover;

}



.promo .btns {

  width: 100%;

}



.promo .btns .site-btn {

  display: flex;

  justify-content: space-between;

  font-weight: 600;

  width: 100%;

  margin-left: 34px;

}



.promo {

  margin-top: -25px;

}





/* Section */

.zones-section {

  background: var(--bg);

}



/* Heading */

.zone-title {

  margin: 0 0 34px;

  line-height: 60px;

}



.zone-title .accent {

  color: var(--accent)

}



/* Yellow strip with zone tabs */





.zone-nav {

  gap: 50px;

}



.zone-nav .nav-link {

  background: transparent;

  border: 0;

  padding: 10px 8px;

  font-weight: 500;

  font-size: 20px;

  text-transform: uppercase;

  color: #000;

  border-bottom: 3px solid transparent;

  border-radius: 0;

}



.zone-nav .nav-link.active {

  border-bottom-color: #111;

}



/* Second level: states */

.state-nav {

  display: flex;

  gap: 18px;

  align-items: center;

  margin: 10px 0 0px;

}



.state-nav .nav-link {

  background: transparent;

  border: 0;

  color: #000;

  font-weight: 500;

  padding: 10px 30px;

  font-size: 20px;

  border-radius: 8px 8px 0px 0px;

}



.state-nav .nav-link.active {

  background: var(--accent);

  color: #fff;

}



/* rounded card wrapper */

.table-card {

  background: #fff;

  border-radius: 10px 10px 10px 10px;

  box-shadow: var(--shadow);

  overflow: hidden;

  /* rounds table corners */

}



/* table */

.contact-table {

  width: 100%;

  border-collapse: separate;

  border-spacing: 0;

  table-layout: fixed;

  /* keeps columns consistent */

}



.contact-table thead th {

  background: var(--teal);

  color: #fff;

  text-align: left;

  font-weight: 700;

  padding: 14px 18px;

  font-size: 18px;

}



.contact-table tbody td {

  padding: 18px;

  border-top: 1px solid var(--divider);

  vertical-align: top;

  font-weight: 500;

  font-size: 18px;

}



/* vertical separators between columns */

.contact-table thead th,

.contact-table tbody td {

  border-right: 1px solid #e6eff4;

  /* var(--divider) if you defined it */

}



/* horizontal separators */

.contact-table thead th {

  border-bottom: 1px solid #ebb537;

  /* line under teal header */

}



.contact-table tbody td {

  border-bottom: 1px solid #e6eff4;

  /* row lines */

}



.contact-table tbody tr:last-child td {

  border-bottom: 0;

  /* no line at the very bottom */

}



.contact-table tbody tr:nth-child(odd) {

  background: #fff

}



.contact-table tbody tr:nth-child(even) {

  background: #fbfeff

}



/* column widths to mirror screenshot proportions */

.contact-table thead th:nth-child(1),

.contact-table tbody td:nth-child(1) {

  width: 270px

}



.contact-table thead th:nth-child(2),

.contact-table tbody td:nth-child(2) {

  width: 800px

}



/* make long addresses wrap nicely */

.contact-table td:last-child {

  word-break: break-word

}









#zoneTabsContent {

  margin-top: 60px;

}







/* Section */

.alumni-section {

  border-top: 2px solid var(--teal);

}



/* Heading */

.alumni-title {

  margin: 0 0 17px;

  font-weight: 400;

  line-height: 1.1;

}



.alumni-title .accent {

  color: var(--accent)

}



.alumni-sub {

  margin: 0;

  color: #000;

}



/* Custom nav */

.alumni-nav {

  margin-top: 0;

  display: inline-flex;

  background: #E6F6F6;

  border-radius: 10px;

  /* box-shadow: 0 10px 26px rgba(0, 0, 0, .06) inset; */

  overflow: hidden;



  align-items: center;



  /* /* width: 100%; */

}



.nav-btn {

  appearance: none;

  border: 0;

  background: transparent;

  width: 62px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



.nav-btn i {

  font-size: 28px;

}



.nav-btn+.nav-btn {

  border-left: 2px solid rgba(0, 0, 0, .08)

}



.nav-btn:disabled {

  opacity: .4;

  cursor: not-allowed;

}



.nav-btn:disabled i {

  color: #bababa;

}



.nav-btn i {

  color: #00A1A5;

}



/* Swiper */

.alumni-swiper {

  overflow: visible;

  margin-top: 18px

}



/* Card */

.alumni-card {

  position: relative;

  border-radius: 12px;

  color: #fff;

  min-height: 470px;

  box-shadow: var(--cardshadow);

  overflow: hidden;

}





.alumni-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 8px;

}



.alumni-name {

  font-size: 24px;

  line-height: 1.15;

  font-weight: 800;

}



.alumni-logo {

  width: 84px;

  height: 54px;

  object-fit: contain;

  background: #fff;

  border-radius: 6px;

  padding: 8px;

  box-shadow: 0 6px 16px rgba(0, 0, 0, .18);

}



.alumni-logo.round {

  border-radius: 999px;

  width: 66px;

  height: 66px;

  padding: 6px

}



.alumni-meta {

  margin-top: 6px;

  opacity: .9;

}



.alumni-company {

  margin-top: 8px;

}



/* Photo sits at the bottom */

.alumni-photo {

  position: absolute;

  inset: auto 0 0 0;

  display: flex;

  align-items: flex-end;

  justify-content: flex-start;

  height: 66%;

  pointer-events: none;

}



.alumni-photo img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  /* supply cutout PNGs for perfect look */

}



/* Swiper slide sizing + spacing */

.swiper-slide {

  height: auto

}



.swiper-slide .alumni-card {

  height: 100%

}







/* ===== Section & Swiper base ===== */

.story-section {

  position: relative;

  border-top: 2px solid var(--teal-dark);

}



.story-swiper {

  position: relative;

  width: 100%;

  height: 100%;

  background-image: url(../images/story-bg.webp);

  background-position: center;

  overflow: visible;

}



.story-swiper .swiper-slide {

  position: relative;

  padding: 100px 0

}



/* teal paper background */

.story-bg {

  position: relative;

}



/* keep content above bg */

.story-section .container {

  z-index: 1

}



/* ===== Left text ===== */

.story-copy {

  color: var(--text);

}



.story-copy .lead-1 {

  margin: 0 0 20px;

  font-size: 36px;

  font-weight: 700;

  line-height: 45px;

  color: #ffffff;

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

}



.story-copy .lead-2 {

  margin: 0 0 18px;

  font-size: 28px;

  font-weight: 800;

  line-height: 1.2;

  color: #ffffff;

}



.story-copy p {

  margin: 0 0 0;

  font-size: 24px;

  font-weight: 600;

  line-height: 46px;

  color: #fff;

  font-style: italic;

  padding-right: 16%;

}



.story-copy .punch {

  margin: 40px 0 0;

  font-weight: 600;

  color: #FFC700;

  font-size: 32px;

  line-height: 40px;

  font-style: normal;

  padding-right: 17%;

}



/* ===== Right visual ===== */



.story-photo {}



/* small profile meta on the right */

.student-meta {

  position: absolute;

  right: 5%;

  top: 13%;

  color: #fff;

  font-size: 16px;

  font-weight: 500;

  line-height: 1.5;

}



.student-meta h4.studName {

  color: #ebb537;

  font-weight: 700;

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

  font-size: 24px;

}



.student-meta p.deptName {

  color: #fff;

  font-weight: 500;

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

  font-size: 16px;

  margin-bottom: 5px;

}



.student-meta p.year {

  color: #fff;

  font-weight: 700;

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

  font-size: 16px;

}



/* Stickers */

.sticker {

  position: absolute;

  width: 94px;

  height: auto;

}



.sticker-bulb {

  left: 51%;

  top: 26%;

}



.sticker-chart {

  right: 8%;

  bottom: 41%;

}



/* ===== Custom nav (center bottom) ===== */

.story-nav {

  position: absolute;

  left: 50%;

  bottom: 22px;

  transform: translateX(-50%);

  display: flex;

  align-items: center;

  gap: 0;

  z-index: 2;

  background: var(--orange);

  border-radius: 10px;

  padding: 0px 8px;

  box-shadow: 0 12px 26px rgba(242, 103, 34, .35);

}



.story-nav .divider {

  display: inline-block;

  width: 1px;

  height: 20px;

  background: rgba(255, 255, 255, .4);

  margin: 0 2px;

}



.nav-btn_1 {

  background: transparent;

  border: 0;

  color: #fff;

  width: 48px;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



.nav-btn_1 i {

  font-size: 27px;

}



.alumni-nav .divider {

  display: inline-block;

  width: 1px;

  height: 20px;

  background: rgb(143 143 143 / 40%);

  margin: 0 2px;

}



.story_content p:not(:last-child) {

  margin-bottom: 35px;

}



.story-visual .story-photo {

  position: absolute;

  bottom: 0;

  width: 31.1%;

  right: 268px;

}



.story-visual .story-photo.stud-2 {

  position: absolute;

  bottom: 0;

  width: 30.1%;

  right: 330px;

}



.story-visual .story-photo.stud-3 {

  position: absolute;

  bottom: 0;

  width: 30.1%;

  right: 270px;

}



.story-visual .story-photo.stud-4 {

  position: absolute;

  bottom: 0px;

  width: 30.16%;

  right: 311px;

}



.story-visual .story-photo.stud-5 {

  position: absolute;

  bottom: 0px;

  width: 30%;

  right: 371px;

}





/* Section */

.life-section {

  background: #fff;

}



/* Yellow nav tab bar (scoped) */

.life-strip {

  background: var(--yellow);

  border-bottom: 1px solid rgba(0, 0, 0, .08)

}



.life-tabs {

  gap: 110px;

  border: 0;

  padding: 5px 0 0px 0

}



.life-tabs .nav-link {

  border: 0;

  background: transparent;

  color: #111;

  font-weight: 500;

  text-transform: uppercase;

  font-size: 20px;

  font-weight: 500;

  padding: 12px 6px;

  border-bottom: 3px solid transparent;

  border-radius: 0;

}



.life-tabs .nav-link.active {

  border-bottom-color: #111;

  color: #111;

  background-color: transparent;

}



.life-tabs .nav-link:hover {

  border-bottom-color: #11111100;

  color: #111;

  background-color: transparent;

}



.nav-link:focus-visible {

  outline: 0;

  box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);

}



/* Watermark */

.path-watermark {

  position: absolute;

  left: 338px;

  top: 129px;

  font-weight: 700;

  font-size: 197px;

  line-height: 1;

  color: transparent;

  -webkit-text-stroke: 2px rgb(0 0 0 / 20%);

  text-stroke: 1px #e8eef3;

  pointer-events: none;

  user-select: none;

  transform: rotate(-90deg) translate(-60%, -30%);

  transform-origin: left center;

  text-align: center;

}



/* Pane container */

.life-pane {

  position: relative;

  padding-top: 14px;

  padding-bottom: 26px;

}



.pane-head {

  display: flex;

  justify-content: flex-end;

  margin-bottom: 8px

}



/* Custom arrows */

.life-nav {

  display: inline-flex;

  gap: 10px;

  background: #eef5f6;

  border-radius: 12px;

  padding: 6px;

  box-shadow: var(--soft) inset;

}





/* Swiper */

.life-swiper {

  overflow: visible;

  box-shadow: 11px 11px 20px 0 #00000017;

  border-radius: 15px;

}



.ur_path img {

  position: absolute;

  left: 60px;

  top: 100px;

}



/* Card */

.life-card {

  background: #fff;

  border-radius: 16px;

  box-shadow: var(--card-shadow);

  overflow: hidden;

}



.life-media {

  overflow: hidden

}



.life-media img {

  width: 100%;

  height: 400px;

  object-fit: cover;

  display: block

}



.life-body {

  padding: 22px 22px 26px;

  display: flex;

  justify-content: space-between;

  height: 222px;

  flex-direction: column;

  position: relative;

}



.life-body::before {

  content: "";

  position: absolute;

  height: 205px;

  border-right: 1px solid #cdcdcd;

  left: 0;

}



.life-title {

  margin: 0 0 12px;

  font-size: 30px;

  line-height: 40px;

}



.accent {

  color: var(--accent)

}



.life-copy {

  margin: 0;

  color: #000;

  font-size: 18px

}



.life-section .tab-content {

  padding: 43px 0 110px 0;

}



/* Footer bar */

.site-footer {

  background: #f5faff;

  /* light aqua, like the screenshot */

  border-top: 1px solid rgba(0, 0, 0, .08);

  display: flex;

  align-items: center;

  padding: 20px 0;

}



/* Text */

.footer-text {

  font-size: 14px;

  color: #2e3941;

  line-height: 1;

  margin: 0;

}







:root {

  --enquire-width: 420px;

  --handle-w: 47px;

  --handle-h: 131px;

  --brand-yellow: #EBB537;

  --brand-text: #fff;

}



/* Slide-out panel (right) */

#enquirePanel {

  position: fixed;

  right: 0;

  top: 0;

  width: var(--enquire-width);



  z-index: 9999;

  transform: translateX(calc(100% - var(--handle-w)));

  /* keep handle visible when closed */

  transition: transform .35s ease;



  display: flex;

  flex-direction: column;

}



#enquirePanel.open {

  transform: translateX(0);

}



.enquire-panel__inner {

  position: relative;

  padding: 20px;

  overflow: auto;

  height: 100%;

}







/* Attached vertical handle */

.enquire-handle {

  position: absolute;

  top: 36%;

  width: var(--handle-w);

  height: var(--handle-h);

  border: 0;

  cursor: pointer;

  background: var(--brand-yellow);

  color: var(--brand-text);

  border-radius: 8px 0 0 8px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 700;

  letter-spacing: .4px;

  writing-mode: vertical-rl;

  text-orientation: mixed;

  left: -102px;

}



.enquire-handle span {

  font-size: 15px;

}



.open .enquire-handle {

  position: absolute;

  left: -52px;

}



.enquire-handle span {

  pointer-events: none;

}



/* Form basics (adjust to your theme) */

.apply-form .field,

.nice-select {

  width: 100%;

  margin-bottom: 7px;

}



.nice-select.disabled {

  opacity: .6;

  pointer-events: none;

}









.placement-strip {

  position: absolute;

  top: 39px;

  right: 37px;

  width: max-content;

}







.place-wrap {

  display: flex;

  gap: 23px;

  align-items: flex-end;

  flex-wrap: wrap;

}



.place-block {

  color: #fff;

}



.place-label {

  font-style: italic;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 16px;

  line-height: 1.1;

  margin-bottom: .25em;

}



.place-value {

  line-height: .9;

  color: #FFC700;

  white-space: nowrap;

}



.place-value .num {

  font-weight: 900;

  font-size: clamp(64px, 14vw, 180px);

  /* big number */

}



.place-value .unit {

  font-weight: 900;

  font-size: 44px;

  /* /* letter-spacing: .02em; */

}



.tp-menu-wrapper {

  padding: 30px 24px;

}



.tp-offcanvas-title.sm {

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 15px;

  text-transform: uppercase;

  color: #000;

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



}



.tp-offcanvas-contact ul li:not(:last-child) {

  margin-bottom: 2px;

}



.tp-offcanvas-contact ul li {

  list-style: none;

}



.tp-offcanvas-contact ul {

  padding-left: 0;

}



.tp-offcanvas-contact ul li a {

  display: inline-block;

  color: #000;

  font-size: 16px;

  position: relative;

  text-decoration: none;

  font-weight: 500;

}



.tp-offcanvas-contact p {

  font-size: 15px;

  line-height: 27px;

  font-weight: 500;

  margin-bottom: 0;

}



.tp-offcanvas-social ul {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  padding-left: 0;

  align-items: center;

}



.tp-offcanvas-social ul li:not(:last-child) {

  margin-right: 8px;

}



.tp-offcanvas-social ul li {

  list-style: none;

}



.tp-offcanvas-social ul li a {

  display: inline-block;

  text-align: center;

  width: 40px;

  height: 40px;

  line-height: 38px;

  border-radius: 40px;

  transition: all 0.3s;

  color: var(--tp-common-black);

  border: 1px solid rgb(2 11 24 / .1);

}





/* ---------- horizontal scroll inside the card on tablet/phone ---------- */

@media (max-width: 991.98px) {



  /* let the card scroll on the X-axis */

  .table-card {

    overflow-x: auto;

    /* horizontal scrollbar appears inside the box */

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

  }



  /* make the table wider than the viewport so scrolling is possible */

  .contact-table {

    width: max-content;

    /* size to content */

    min-width: 100%;

    /* never smaller than the card */

    table-layout: auto;

    /* allow natural column widths */

  }



  /* prevent wrapping so intrinsic width grows */

  .contact-table th,

  .contact-table td {

    white-space: nowrap;

  }



  /* guarantee enough width per column (tweak as you like) */

  .contact-table thead th:nth-child(1),

  .contact-table tbody td:nth-child(1) {

    min-width: 240px;

  }





  .contact-table thead th:nth-child(3),

  .contact-table tbody td:nth-child(3) {

    min-width: 260px;

  }



  /* undo forced wrapping on the last column so it contributes to width */

  .contact-table td:last-child {

    word-break: normal;

  }

}



/* optional: nicer horizontal scrollbar in WebKit */

@media (max-width: 991.98px) {

  .table-card::-webkit-scrollbar {

    height: 5px;

  }



  .table-card::-webkit-scrollbar-thumb {

    background: #0aa6a1;

    border-radius: 6px;

  }

}



.menu-area__right a.wp-icon img {

  width: 39px;

}



.side-info__logo a img {

  width: 120px;

}









.c-logos-container-3 {

  overflow: hidden;

  display: flex;

  margin: 0;

}



.c-logos-slider-3 {

  display: flex;

  white-space: nowrap;

  animation: slidesss 80s linear infinite;

}







.c-logo-3 {

  display: flex;

  padding: 8px;

  align-items: center;

  justify-content: center;

  gap: 8px;

  border-radius: 10px;

  background: #fff;

  width: 481px;

  height: 613px;

  margin-right: 30px;

}





.c-logos-slider-3 {

  display: flex;

  white-space: nowrap;

  animation: slidess 80s linear infinite;

}





@keyframes slidesss {

  from {

    transform: translateX(0%);

  }



  to {

    transform: translateX(-100%);

  }

}







.thnakyou {

  height: 100vh;

  display: flex;

  justify-content: center;

  align-items: center;

}



.thankyouTitle {

  text-align: center;

  font-size: 40px;

}



.thnakyou .site-btn {

  width: max-content;

  margin: 19px auto 0 auto;

}



#courses .sc-title {

  padding-right: 32%;

}



@property --angle-to-the-dangle {

  syntax: "<angle>";

  initial-value: 0deg;

  inherits: true;

}



.sticky-link {

  bottom: 0%;

  right: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  /* height: 56px; */

  border-radius: 0px;

  background: #ebb537;

  color: #fff;

  font-weight: 800;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  letter-spacing: .5px;

  cursor: pointer;

  font-size: 14px;

  padding: 5px 18px;

}



.mobile-show {

  display: none;

}