/* font-weight: 200 */
@font-face {
    font-family: 'NavineLight';
    src: url('../fonts/NavineSemCondExtLt.eot');
    src: url('../fonts/NavineSemCondExtLt.eot') format('embedded-opentype'),
         url('../fonts/NavineSemCondExtLt.woff2') format('woff2'),
         url('../fonts/NavineSemCondExtLt.woff') format('woff'),
         url('../fonts/NavineSemCondExtLt.ttf') format('truetype'),
         url('../fonts/NavineSemCondExtLt.svg#NavineSemCondExtLt') format('svg');
}

/* font-weight:400 */
@font-face {
    font-family: 'Navine';
    src: url('../fonts/NavineSemiCondensed.eot');
    src: url('../fonts/NavineSemiCondensed.eot') format('embedded-opentype'),
         url('../fonts/NavineSemiCondensed.woff2') format('woff2'),
         url('../fonts/NavineSemiCondensed.woff') format('woff'),
         url('../fonts/NavineSemiCondensed.ttf') format('truetype'),
         url('../fonts/NavineSemiCondensed.svg#NavineSemiCondensed') format('svg');
}
/* font-weight:600 */
@font-face {
    font-family: 'NavineSemiBold';
    src: url('../fonts/NavineCondensedSemiBold.eot');
    src: url('../fonts/NavineCondensedSemiBold.eot') format('embedded-opentype'),
         url('../fonts/NavineCondensedSemiBold.woff2') format('woff2'),
         url('../fonts/NavineCondensedSemiBold.woff') format('woff'),
         url('../fonts/NavineCondensedSemiBold.ttf') format('truetype'),
         url('../fonts/NavineCondensedSemiBold.svg#NavineCondensedSemiBold') format('svg');
}
/* font-weight:700 */
@font-face {
    font-family: 'NavineBold';
    src: url('../fonts/NavineCondensedBold.eot');
    src: url('../fonts/NavineCondensedBold.eot') format('embedded-opentype'),
         url('../fonts/NavineCondensedBold.woff2') format('woff2'),
         url('../fonts/NavineCondensedBold.woff') format('woff'),
         url('../fonts/NavineCondensedBold.ttf') format('truetype'),
         url('../fonts/NavineCondensedBold.svg#NavineCondensedBold') format('svg');
}
/* font-weight:800 */
@font-face {
    font-family: 'NavineExtraBold';
    src: url('../fonts/NavineCondensedExtraBold.eot');
    src: url('../fonts/NavineCondensedExtraBold.eot') format('embedded-opentype'),
         url('../fonts/NavineCondensedExtraBold.woff2') format('woff2'),
         url('../fonts/NavineCondensedExtraBold.woff') format('woff'),
         url('../fonts/NavineCondensedExtraBold.ttf') format('truetype'),
         url('../fonts/NavineCondensedExtraBold.svg#NavineCondensedExtraBold') format('svg');
}
/* font-weight:900 */
@font-face {
    font-family: 'NavineBlack';
    src: url('../fonts/NavineCondensedBlack.eot');
    src: url('../fonts/NavineCondensedBlack.eot') format('embedded-opentype'),
         url('../fonts/NavineCondensedBlack.woff2') format('woff2'),
         url('../fonts/NavineCondensedBlack.woff') format('woff'),
         url('../fonts/NavineCondensedBlack.ttf') format('truetype'),
         url('../fonts/NavineCondensedBlack.svg#NavineCondensedBlack') format('svg');
}

/* font-weight:600 */
@font-face {
    font-family: 'Hebden';
    src: url('../fonts/HebdenIncised.eot');
    src: url('../fonts/HebdenIncised.eot') format('embedded-opentype'),
         url('../fonts/HebdenIncised.woff2') format('woff2'),
         url('../fonts/HebdenIncised.woff') format('woff'),
         url('../fonts/HebdenIncised.ttf') format('truetype'),
         url('../fonts/HebdenIncised.svg#HebdenIncised') format('svg');
}

:root {
  --Black: #000000;
  --White: #FFFFFF;
  --Purple: #180738;
  --Gold: #FCC419;
  --Gold-Gradient: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
  --Purple-Gradient: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
  --Light-Purple: #481F6E;
}

html {
  scroll-behavior: inherit !important;
}
html,
body {
  overflow-x: hidden;
  width: 100%;
}
body {
  margin: 0;
  padding: 0;
  /* background: var(--Purple-Gradient); */
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  font-family: 'Navine';
  color: var(--Purple);
}

body:not(.wp-admin){
  background: var(--Purple-Gradient);
}
body.wp-admin , body.wp-admin h1, body.wp-admin h2, body.wp-admin h3, body.wp-admin h4, body.wp-admin h5, body.wp-admin h6, body.wp-admin p , body.wp-editor{
    color: black !important ;
}

.mobile {
  display: none;
}
.desktop {
  display: block;
}
.call-div {
  margin: 0 26px 0 22px;
  text-align: center;
}
.call-div p {
  margin: 0;
}
ol,
ul {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

p {
  font-family: 'Navine';
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--Purple);
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'NavineBlack';
  color: var(--White);
  margin-top: 0;
  margin-bottom: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
.h1 {
  font-size: 84px;
  line-height: 75px;
}

h2,
.h2 {
  font-size: 52px;
  line-height: 48px;
}

h3,
.h3 {
  font-size: 29px;
  line-height: 32px;
}

h4,
.h4 {
  font-size: 25px;
  line-height: 23px;
}



.yellow-btn, .gform_button,.purple-outlined {
    padding: 10px 23px;
    min-width: 211px;
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    font-family: 'NavineSemiBold';
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 40px;
    filter: drop-shadow(0px 1px 30px #F2F2F24D);
    transition: all 0.33s linear;
}
.purple-outlined{
  border: 1.5px solid #481F6E;
  color: var(--Light-Purple);
} 
.purple-outlined:hover{
  background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
    color: var(--Purple);
    filter: drop-shadow(0px 1px 30px #F2F2F24D);
}

a.yellow-btn {
    background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
    color: var(--Purple);
    filter: drop-shadow(0px 1px 30px #F2F2F24D);
}
a.yellow-btn span{
  position: relative;
  z-index: 1;
}
.yellow-btn:hover{
  color: var(--Light-Purple);
}
/* .yellow-btn::before, .gform_button::before {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    right: 2.5px;
    bottom: 2.5px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    z-index: -1;
    pointer-events: none;
    height: calc(100% - 5px);
    width: calc(100% - 5px);
    transition: all 0.33s linear;
} */

.yellow-btn::before,
.yellow-btn::after {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    right: 2.5px;
    bottom: 2.5px;
    border-radius: 40px;
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.33s linear;
}

/* Default gradient */
.yellow-btn::before {
    background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    opacity: 1;
}

/* Hover gradient (starts hidden) */
.yellow-btn::after {
    background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 62%, #FFFFFF 85%);
    opacity: 0;
}

/* On hover, fade out default and fade in hover */
.yellow-btn:hover::before {
    opacity: 0;
}

.yellow-btn:hover::after {
    opacity: 1;
}
::placeholder {
  color: var(--Gray);
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--Gray);
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--Gray);
  opacity: 1;
}
::placeholder {
  color: var(--Gray);
  opacity: 1;
}

img {
  height: auto;
  max-width: 100%;
}
button:focus {
  outline: none;
}
textarea {
  resize: none;
}
a {
  transition: all 0.33s linear;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #131313;
}

body {
  overflow-x: hidden;
}
.lines-button {
  border-radius: 0.57143rem;
  cursor: pointer;
  padding: 16px 0px;
  position: absolute;
  right: 16px;
  top: 0;
  transition: all 0.3s ease;
  z-index: 99;
  display: none;
}
.lines-button:hover {
  opacity: 1;
}
.lines {
  background: #fff;
  border-radius: 0.28571rem;
  display: inline-block;
  height: 2px;
  position: relative;
  transition: all 0.3s ease 0s;
  width: 40px;
}
.lines:before,
.lines:after {
  background: #fff;
  border-radius: 0.28571rem;
  content: "";
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: 0.28571rem center 0;
  transition: all 0.3s ease 0s;
  width: 40px;
}
.lines:before {
  top: 8px;
}
.lines:after {
  top: -8px;
}
.lines-button:hover .lines:before {
  top: 8px;
}
.lines-button:hover .lines:after {
  top: -8px;
}
.lines-button.x2.meanclose .lines:before,
.lines-button.x2.meanclose .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
}
.lines-button.minus.close .lines:before,
.lines-button.minus.close .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
}
.main_menu {
  float: left;
  position: relative;
  text-align: center;
  z-index: 500;
  transition: all 0.3s ease 0s;
}
.main_menu ul {
  padding: 0px;
  margin: 0px;
}
.main_menu > ul > li {
  float: left;
  list-style: outside none none;
  margin-left: 0px;
  position: relative;
}
.main_menu > ul > li > a {
  display: block;
  text-decoration: none; /*transition: none; */
  margin-bottom: 0px;
  position: relative;
  color: var(--White) !important;
  font-size: 16px;
  font-family: 'NavineSemiBold';
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  padding: 5px 15px;
}
.main_menu > ul > li.menu-item-has-children > a {
  padding-right: 20px !important;
  padding-right: 24px !important;
}
.main_menu > ul > li > ul li a {
  padding: 20px 30px;
  color: var(--Purple);
  font-family: 'NavineSemiBold';
  text-transform: uppercase;
  font-size: 16px;
  line-height: 14px;
  letter-spacing: -0.01em;
}
.main_menu > ul > li > a:hover {
  text-decoration: none;
}
.main_menu > ul > li > a.last {
  border: none;
}
.main_menu > ul > li:hover > a {
  text-decoration: none;
  color: #1a1a1a;
  position: relative;
  z-index: 99;
}
.main_menu > ul > li:hover > a .sub {
  color: #000;
}
.main_menu > ul > li.current_page_item > a {
  text-decoration: none;
  color: #fff;
  border-color: #fff;
}
.main_menu > ul > li.current-menu-parent > a,
.main_menu > ul > li.current-menu-ancestor > a,
.main_menu > ul > li.current-menu-item > a {
  color: #0093bb;
}
.main_menu > ul > li.current_page_item > li.current_page_item > a,
.main_menu > ul > li.current-menu-ancestor > ul > li.current-menu-parent > a,
.main_menu > ul > li > ul > li > ul > li.current-menu-item > a {
  background: #0093bb;
  color: #fff;
}
.main_menu
  > ul
  > li.current-product_cat-ancestor
  > li.current-product_cat-ancestor
  > a,
.main_menu
  > ul
  > li.current-product_cat-ancestor
  > ul
  > li.current-product_cat-ancestor
  > a,
.main_menu > ul > li > ul > li > ul > li.current-product_cat-ancestor > a {
  color: #fff;
}
.main_menu > ul > li.current-product_cat-ancestor > a {
  color: #fff;
  background: #0093bb;
}
.main_menu > ul > li > ul > li.current-menu-item > a {
  color: #fff;
  background: var(--Black);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.main_menu ul > li:hover > a,
.main_menu > ul > li.current-menu-item > a {
  background: #0093bb;
  transition: all 0.3s linear;
  color: #fff;
}

/* submenus */
.main_menu ul ul {
  top: 100%;
  background: #fff;
  pointer-events: none;
  z-index: 1000;
  min-width: 282px;
  width: auto;
  border-radius: 2px;
  position: absolute;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
  display: block;
  text-align: left;
  opacity: 0;
  -webkit-transition: all 0.03s ease;
  -moz-transition: all 0.03s ease;
  -ms-transition: all 0.03s ease;
  -o-transition: all 0.03s ease;
  transition: all 0.03s ease;
  border: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
      border-top-left-radius: 0;
    border-top-right-radius: 0;
  box-shadow: 0px 2px 20px 0px #8b8b8b40;
}
.main_menu ul ul li {
  display: block;
  position: relative;
}
.main_menu ul ul li a {
  padding: 24px 34px;
  display: block;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_menu ul ul a:hover {
  text-decoration: none;
}
.main_menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  pointer-events: auto;
}
.main_menu > ul > li > ul > li:first-child {
  border-top: 0px;
}
.main_menu > ul > li > ul > li:first-child li:first-child {
  border-top: 0px;
}
.main_menu ul ul ul {
  padding-top: 0px;
  left: 100%;
  top: 0px;
}
.main_menu ul ul li:first-child > ul {
  top: 0px;
  border-top: 0px;
}
.main_menu > select {
  display: none;
}
a.meanmenu-reveal {
  display: none;
}
.mean-bar {
  float: left;
  position: relative;
  width: 100%;
  z-index: 99;
}
a.meanmenu-reveal {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}
a.meanmenu-reveal span {
  display: block;
}
.mean-nav {
  background: #fff;
  float: left;
  position: absolute;
  top: 29px;
  width: 100%;
}
.mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
/* body .mean-nav ul.firstul > li:hover > a,*/
body .main_menu ul > li > a:hover,
body .main_menu ul > li:hover > a,
.main_menu > ul > li.current-menu-item > a {
  color: #fff;
  background: var(--Red);
}
.main_menu > ul > li.current-menu-item > a {
  color: #fff !important;
  background: var(--Red);
}
body .main_menu ul > li:hover > a {
  color: #FFFFFF !important;
  background: var(--Red);
}
header .main_menu ul.navbar-nav > li:hover > a,
header .main_menu ul.navbar-nav > li > a:hover {
  color: #131313 !important;
}
.main_menu > ul > li > ul > li:hover a {
  background: var(--Gold) !important;
  box-shadow: 0px 4px 24px 0px #1E1E1E59;
}
.main_menu > ul > li > ul > li:hover a,
.main_menu > ul > li > ul > li.current-menu-item > a {
  color: var(--Purple) !important;
}
/* .mean-nav > ul > li > ul > li.current-menu-item > a{ color: #fff; background: var(--Black);  } */

.mean-nav ul li a {
  display: block;
  float: left;
  width: 100%;
  padding: 10px 20px;
  margin: 0;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 155.556%;
  min-height: 80px;
  display: grid;
  align-items: center;
  text-transform: uppercase;
}
.mean-nav ul li li a {
  width: 100%;
  padding: 8px 25px;
  opacity: 1;
  text-shadow: none !important;
  visibility: visible;
  letter-spacing: -0.01em;
}
.mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-nav ul li li li a {
  padding: 7px 30px;
  width: 100%;
}
.mean-nav ul li li li li a {
  width: 60%;
  padding: 14px 20%;
}
.mean-nav ul li li li li li a {
  width: 50%;
  padding: 14px 25%;
}
.mean-nav ul li a.mean-expand {
  width: 76px;
  height: 39px;
  border: none !important;
  padding: 6px 5px 3px 5px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background-color: transparent;
  box-shadow: none;
  font-size: 0 !important;
  transition: all 0.5s ease;
  box-shadow: none;
}
.mean-nav > ul > li.current-menu-item > ul > li.current-menu-item > a {
  background: #ff0b2c;
  color: #1a1a1a;
  box-shadow: 0px 1px 24px 0px rgba(26, 26, 26, 0.14);
}
.main_menu > ul > li.menu-item-has-children > a {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
}
.main_menu > ul > li.menu-item-has-children > a::after {
  background-image: url("../images/down.svg");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  width: 8px;
  height: 100%;
  transition: all 0.5s ease;
  border: none;
  margin: 0;
  right: 4px;
  position: absolute;
  background-size: contain;
  top: 0px;
  right: 11px;
}
.main_menu > ul > li.current-menu-item > a:after {
  background-image: url("../images/down.svg") !important;
  background-repeat: no-repeat;
  background-position: center;
}
.main_menu > ul > li.menu-item-has-children:hover > a:after {
  /*background-image: url("../images/down2.svg");*/
  background-repeat: no-repeat;
  background-position: center;
}
.main_menu > ul > li.menu-item-has-children:hover > a:after {
  transform: rotate(180deg);
  /* filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg)
    brightness(102%) contrast(250%); */
}
/* .main_menu > ul > li.current-menu-item > a::after {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg)
    brightness(102%) contrast(250%);
} */
.mean-nav ul li a.mean-expand.mean-clicked {
  transform: rotate(180deg);
}
header .navigation > ul {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 0;
}
body.transparent header {
  background: transparent;
}
/* body.fixnav header {
  box-shadow: 0px 4px 28px 0px #c7c7c747;
} */





header {
  position: fixed;
  transition: all 0.33s linear;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  /* background: var(--Purple); */
  box-shadow: none;
}
/* header:before {
    content: '';
    position: absolute;
    top: -130px;
    left: -430px;
    width: 1126px;
    height: 453px;
    background: var(--Light-Purple);
    border-radius: 100%;
    z-index: -1;
    transition: all 0.33s linear;
} */
/* header:before {
    content: '';
    position: absolute;
    top: -35px;
    left: -140px;
    width: 100%;
    height: 453px;
    background: url('../images/header-noise.png') no-repeat;
    background-size: contain;
    z-index: -1;
    transition: all 0.33s linear;
} */

header:before {
    content: '';
    position: absolute;
    top: -3.51vw;
    left: -10.93vw;
    width: 100%;
    height: 35.39vw;
    background: url('../images/header-noise.png') no-repeat;
    background-size: contain;
    z-index: -1;
    transition: all 0.33s linear;
}
header .top-banner {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 20px 0;
  background: var(--Black);
  transition: all 0.33s linear;
  z-index: 1;
  /* display: none; */
}

header .top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 40px;
  background: var(--Purple);
  transition: all 0.33s linear;
}

header .top-header .left-wrp {
    /* max-width: 268.95px; */
    max-width: 20.93vw;
    width: 100%;
    position: relative;
    transition: all 0.33s linear;
}
/* header .top-header .left-wrp::before {
    content: '';
    position: absolute;
    top: -365px;
    left: -375px;
    width: 736px;
    height: 593px;
    background-color: var(--Gold);
    border-radius: 100%;
    transition: all 0.33s linear;
} */

header .top-header .left-wrp::before {
    content: '';
    position: absolute;
    top: -420px;
    left: -270px;
    width: 620px;
    height: 583px;
    background-color: var(--Gold);
    border-radius: 100%;
    transition: all 0.33s linear;
    width: 48.43vw;
    height: 45.54vw;
    top: -32.81vw;
    left: -20.99vw;
}

/* header .logo img {
    position: relative;
    top: 14px;
    left: 45%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.33s linear;
    transform: translateX(-50%);
} */
header .logo img {
    position: absolute;
    /* top: -40px; */
    top: -3.1vw;
    left: 42%;
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.33s linear;
    transform: translateX(-50%);
}
header .top-header .middle-wrp {
    margin-left: auto;
    margin-right: 20px;
}

header .middle-wrp .main_menu > ul {
  display: flex;
  gap: 8px;
}

header .announcement-text {
    background: #FCC419;
    text-align: right;
    padding:7px 98px 7px 0;
    position: relative;
    z-index: -2;
    transition: all 0.33s linear;
}

/* footer */
footer {
    position: relative;
    padding: 36px 0;
    background: url(../images/footer-bg.png) no-repeat center;
    background-size: cover;
}
footer .container {
  max-width: 1230px;
}

footer .footer-row {
  column-gap: 15px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

footer .footer-row .footer-column-1 {
    max-width: 290px;
}
.f-logo {
    max-width: 268.95px;
    width: 100%;
    margin-bottom: 25px;
}
.f-logo img {
  width: 100%;
  object-fit: contain;
}
footer .f-contact .details-wrp {
    display: flex;
    align-items: center;
}
footer .f-contact .details-wrp:not(:last-child){
    margin-bottom: 12px;
}
footer .f-contact .details-wrp img {
    max-width: 19px;
    object-fit: contain;
    object-position: center;
    margin-right: 12px;
}
footer .f-contact .details-wrp a {
    color: var(--White);
    font-family: 'Navine';
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0;
}
footer .f-contact .details-wrp:last-child a {
    max-width: 199px;
}

footer .footer-column-2, footer .footer-column-3, footer .footer-column-4, footer .footer-column-5 {
    max-width: 159px;
    width: 100%;
    margin-top: 18px;
}
.col-in {
  text-align: left;
}
.col-in h5 {
    font-family: 'Hebden';
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 13px;
}
footer .f-contact h4 {
    color: var(--White);
    font-family: 'Hebden';
    font-size: 16px;
    line-height: 18px;
    background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
    padding: 3px 10px;
    border-radius: 4px;
    margin-bottom: 18px;
}
.col-in ul li {
  margin-bottom: 0;
}
.col-in ul li a {
 color: var(--White);
  font-family: 'NavineSemiBold';
  font-size: 16px;
  line-height: 31px;
  letter-spacing: 0;
}




footer .footer-row2 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 11px 0 37.6px;
}
footer .footer-row2 .review-img-wrp {
    display: flex;
    align-items: center;
    gap: 10px;
}
footer .footer-row2 img {
    width: 136.77px;
    object-fit: contain;
}
footer .footer-row2 h4 {
    margin: 11px 0 7px;
    font-family: 'Hebden';
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0;
    text-align: center;
}
footer .footer-row2 p {
    color: var(--White);
    margin: 0;
}
footer .footer-row3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    text-align: center;
}
footer .footer-row3 p, footer .footer-row3 a {
    font-family: 'Navine';
    color: var(--White);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    margin: 0;
}

.col-in ul li a , footer .f-contact .details-wrp a , footer .footer-row3>a{
  transition: color 0.3s ease;
  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 62%, #FFFFFF 85%);
  -webkit-background-clip: text;
  background-clip: text;
}
.col-in ul li a:hover , footer .f-contact .details-wrp a:hover , footer .footer-row3>a:hover{
  color: transparent;
  background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
  background-clip: text;
}

footer .f-social-list {
  display: flex;
  justify-content: center;
  grid-column-gap: 11.71px;
  margin-top: auto;
}
footer .f-social-list a {
  position: relative;
  width: 14.80px;
  height: 14.80px;
  display: block;
  transition: 0.3s ease;
}
footer .f-social-list a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  visibility: visible;
  object-fit: contain;
}
footer .f-social-list a img.hover {
  display: block;
  opacity: 0;
  z-index: 2;
  visibility: visible;
  transition: 0.3s ease;
}
footer .f-social-list a:hover img.hover {
  opacity: 1;
  visibility: visible;
}

/* fixnav */

.logged-in #main__header {
  top: 32px;
}
/* .hero-home {
  position: relative;
  padding: 92px 0 40px;
  overflow: hidden;
}
.hero-home .container {
  max-width: 936px;
}
.hero-home::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/Dot-bg.png) no-repeat top;
  background-size: 100%;
  z-index: -9;
  height: 400px;
  height: 31.25vw;
  background-position: bottom;
}
.hero-home .row {
  align-items: flex-start;
}
.hero-home .row > div:last-child {
  width: 27.3%;
}
.hero-home .row > div:first-child {
  width: 72.7%;
}
.hero-home .hero-home-wrp {
  max-width: 619px;
  margin-right: auto;
  margin-top: 36px;
  opacity: 0;
  animation: fadeSlideLeft 1s ease-out forwards;
  animation-delay: 0.3s;
}
.hero-home h1 {
  margin-bottom: 14px;
}
.red-text {
  background: var(--Red-Gradient-1);
  -webkit-background-clip: text;
  color: transparent;
}
.hero-home h3 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 13px;
}
.hero-home .red-btn {
  margin-top: 17px;
}
.hero-home .img-wrp {
  opacity: 0;
  animation: fadeSlideRight 1s ease-out forwards;
  animation-delay: 0.3s;
  width: 100%;
  mask-image: url(../images/hero-mobilecover.png);
  mask-position: top;
  mask-repeat: no-repeat;
  mask-size: contain;
  height: 477px;
}

.hero-home .img-wrp img,
.hero-home .img-wrp video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@keyframes fadeSlideLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeSlideRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
} */

.logo-banner {
  padding: 20px 0 33px;
}
.logo-banner .logo-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.hero-home + .logo-banner .logo-list {
  max-width: 900px;
  margin: 0 auto;
}
.logo-banner .logo-list .logo {
  max-width: 154px;
}
.logo-banner .logo-list .logo img {
  width: 100%;
  object-fit: contain;
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
  opacity: 1;
  z-index: 9;
}
.slick-slider .slick-next,
.slick-slider .slick-prev {
    /* background: url(../images/slider-prev.svg) center no-repeat;
    background-size: 17.5px !important;
    width: 51px;
    height: 51px;
    border: none;
    border-radius: 0 4px 4px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
    background-color: var(--Gold); */
    position: absolute;
    z-index: 1;
    width: 51px;
    height: 51px;
    border: none;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    padding: 0;
}
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
    content: '';
    display: block;
    width: 17.5px;
    height: 17.5px;
    background: url('../images/slider-prev.svg') no-repeat center center;
    background-size: contain;
    opacity: 1;
}
.slick-slider .slick-prev {
  left: 0px;
}
.slick-slider .slick-next {
  transform: rotateY(-180deg) translate(0, -50%);
  right: 0px;
}
/* .slick-slider .slick-next:before,
.slick-slider .slick-prev:before {
  display: none;
} */

.gform_wrapper.gravity-theme
  .gfield--input-type-address
  .ginput_container_address {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.gform_wrapper.gravity-theme
  .gfield--input-type-address
  .ginput_container_address
  span {
  grid-column: span 6;
}
.gform_wrapper.gravity-theme
  .gfield--input-type-address
  .ginput_container_address
  .gf_clear {
  display: none;
}
.gform_wrapper.gravity-theme .gform_fields,
.gform_wrapper.gravity-theme
  .gfield--input-type-address
  .ginput_container_address {
  grid-row-gap: 30px !important;
  grid-column-gap: 20px !important;
}
.form-with-content .form .gform_wrapper.gravity-theme .gfield--type-select {
  margin-top: -16px;
}
.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
  background-color: #fff;
  color: var(--Black);
  border: 0.5px solid #818181;
  border-radius: 30px;
  padding: 11px 29px 12px !important;
  box-shadow: none;
  font-family: "Inter", serif;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 23px !important;
  letter-spacing: -0.02em;
  transition: all 0.33s ease;
}
.gform_wrapper.gravity-theme .gfield input:focus,
.gform_wrapper.gravity-theme .gfield select:focus,
.gform_wrapper.gravity-theme .gfield textarea:focus {
  outline: none;
  border-color: #ee3124;
  box-shadow: 0px 3px 9px 0px #8b8b8b4d;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  display: none !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-left: 15px;
  text-align: left;
  color: var(--Red) !important;
}
.form-with-content
  .form
  .gform_wrapper.gravity-theme
  .gfield--input-type-address
  label {
  display: none;
}

.form-with-content .form .gform_wrapper.gravity-theme .gfield textarea {
  height: 115px !important;
  display: block;
}
.form-with-content .form .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 0;
  color: var(--White);
  margin-top: -15px;
  margin-left: 17px;
  font-family: Segoe UI;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0;
}
.form-wrp .gform_wrapper.gravity-theme .gfield_label .gfield_required_text {
  display: none;
}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.form-wrp .gform_wrapper.gravity-theme .gform_fileupload_rules {
  display: none;
}
.form-with-content .form .gform_confirmation_message {
  color: #fff !important;
  font-size: 20px;
  text-align: center;
}
.form .ginput_recaptcha div {
  z-index: 999999 !important;
}
.form .gform_required_legend {
  display: none;
}
.form .gfield--type-captcha label,
.form .instruction,
.form .gform_wrapper.gravity-theme .gform_validation_errors {
  display: none !important;
}
.gform_wrapper.gravity-theme .gfield select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/select-down.svg);
  background-repeat: no-repeat;
  background-position: center right 34.5px;
  background-size: 10px;
}

.gform_wrapper.gravity-theme .gfield select:has(option:first-child:checked) {
  color: var(--Gray);
}

.form-wrp .gform_wrapper.gravity-theme .gfield input#input_1_17,
.form-wrp .gform_wrapper.gravity-theme .gfield input#input_2_14 {
  background-image: url(../images/upload-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: left 20px center !important;
  background-size: 12px !important;
  padding-left: 41px !important;
  text-transform: capitalize;
}

.gform_wrapper.gravity-theme .gform_footer {
  justify-content: center;
  margin: 26px auto 0 !important;
  padding: 0 !important;
  position: relative;
  align-items: center;
  overflow: hidden;
  max-width: 169px;
  height: 43px;
}
.gform_wrapper.gravity-theme .gform_footer::before {
  content: "";
  position: absolute;
  background: var(--Red-Gradient-2) !important;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: 36px;
  top: 0;
  transition: all 0.66s ease;
}
.gform_wrapper.gravity-theme .gform_footer::after {
  content: "";
  position: absolute;
  border-radius: 40px;
  background: var(--White);
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  transition: all 0.66s ease;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.gform_wrapper.gravity-theme .gform_footer:hover::after {
  opacity: 1;
}
body .gform_wrapper.gravity-theme .gform_footer:hover input {
  color: #000 !important;
}
body .gform_wrapper.gravity-theme .gform_footer:hover input::placeholder {
  color: #000 !important;
}
.gform_wrapper.gravity-theme .gform_footer .gform_button {
  border: none;
  margin-bottom: 0;
  background: transparent !important;
  z-index: 2;
  transition: all 0.66s ease;
  min-width: 100%;
  min-height: 43px !important;
}

.nav-link:focus,
.nav-link:hover {
  color: #fff;
}

/*inner pages*/

.modal-dialog {
  max-width: 900px;
  width: 100%;
  z-index: 999999;
}
.modal-dialog .modal-content {
  box-shadow: 0px 4px 14px 0px #0000002e;
  border-radius: 8px;
  border: none;
  overflow: hidden;
  background: transparent;
}
.modal-dialog .modal-body {
  padding: 0px 0px;
}

.modal-dialog .btn-close {
  position: absolute;
  top: 20px;
  right: 21px;
  border: none;
  background-color: transparent;
  background: none;
  width: 20px;
  height: 20px;
  padding: 0;
  opacity: 1;
}
.modal-dialog .btn-close:focus {
  box-shadow: none;
}
.modal-dialog .btn-close::before {
  content: "";
  background: url(../images/modal-close-icon.svg) no-repeat center;
  background-size: 17px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-dialog .btn-close span {
  display: none;
}
body.modal-open header {
  z-index: 999 !important;
}

.pagination {
  justify-content: center;
  align-items: center;
  position: relative;
}
.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.pagination ul li a,
.pagination ul li span {
  font-family: "Oswald", serif;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0;
  padding: 5px 15px;
  display: block;
  color: var(--Blue);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination ul li.active span {
  background: var(--Blue);
  border-radius: 2px;
  color: #fff;
}
.pagination ul li.next-arrow a,
.pagination ul li.prev-arrow a {
  padding: 0;
  gap: 8px;
}
.pagination ul li.next-arrow a:hover,
.pagination ul li.prev-arrow a:hover {
  text-decoration: underline;
}

.meta_social_btns {
  display: flex;
  gap: 13px;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.meta_social_btns a {
  position: relative;
  width: 31.36px;
  height: 31.36px;
  display: block;
  transition: 0.3s ease;
}
.meta_social_btns a img {
  filter: drop-shadow(0px 5.02px 42.65px #01072326);
}
.meta_social_btns a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  visibility: visible;
}
.meta_social_btns a img.hover {
  display: block;
  opacity: 0;
  z-index: 2;
  visibility: visible;
  transition: 0.3s ease;
}
.meta_social_btns a:hover img.hover {
  opacity: 1;
  visibility: visible;
}
.meta_social_btns a .copy-to-clipboard,
.meta_social_btns a .copy-to-clipboard2 {
  position: absolute;
  left: 30px;
  top: 6px;
  min-width: 110px;
  font-size: 14px;
  margin-left: 10px;
  line-height: 20px;
  height: 20px;
  color: #fff;
  text-align: left;
}
.meta_social_btns a .copy-to-clipboard2 {
  color: var(--Black);
}

.page-not-found {
  padding: 237px 0 198px;
  background: url(../images/404.png) no-repeat;
  background-position: top 172px center;
  background-size: contain;
}

.page-not-found h1 {
  margin-bottom: 21px;
  color: #1c1d18;
}
.page-not-found p {
  max-width: 780px;
  margin: 0 auto 15px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.page-not-found ul {
  display: grid;
  column-gap: 33px;
  max-width: 765px;
  margin: 0 auto;
  grid-template-columns: max-content max-content max-content;
  justify-content: space-around;
  text-align: left;
}
.page-not-found ul li a {
  font-family: "Inter";
  font-weight: 600;
  font-size: 28px;
  line-height: 48px;
  letter-spacing: -0.05em;
  /* background: linear-gradient(180deg, #EE3124 0%, #D92632 100%); */
  color: #e3292b;
  /* -webkit-text-fill-color: transparent; */
  /* background-clip: text; */
  position: relative;
  text-decoration: underline;
}

.form .gform_ajax_spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  margin: auto;
}
.main_menu ul li ul {
  overflow-y: auto;
  max-height: 75vh;
}
.main_menu ul li ul::-webkit-scrollbar {
  width: 12px;
}

.main_menu ul li ul::-webkit-scrollbar-track {
  background: transparent;
}

.main_menu ul li ul::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 6px;
  border: 2px solid #f0f0f0;
}

#wpadminbar {
  z-index: 99999999;
}
.mean-nav .red-btn.mobile {
  display: none !important;
}

/*home page design */

header .middle-wrp .main_menu > .btn-container.mobile {
    display: none;
}
 /* fixnav */
  .fixnav header .top-header .left-wrp::before {
    top: -8px;
    left: -35px;
    width: 26.87vw;
    height: 101px;
    /* background-color: var(--Gold); */
    background-color: transparent;
    border-radius: 0;
  }

  .fixnav header .logo {
      height: 100%;
  }
  .fixnav header .top-header .left-wrp{
      max-width: 11.64vw;   
  }
  /* .fixnav header .logo img{
      display: block;
      top: 0px;
  } */
   .fixnav header .logo img {
    display: block;
    top: 0px;
    position: relative;
  }
  .fixnav header .announcement-text{
    transform: translateY(-100%);
  }
  .fixnav header:before{
    transform: translateY(-100%);
  }
  /* fixnav end */

/* hero-banner-section */
.hero-home {padding-top: 33px;padding-bottom: 18px;background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);position: relative;}
/* .fixnav .hero-home {padding-top: 184px;} */
.hero-home::before {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/cta-musictone.png);background-repeat: repeat;background-size: 100%;background-position: top;}
.hero-home .container {max-width: 1244px;position: relative;}
.hero-home .col-md-6:first-child {padding-left: 72px;padding-top: 123px;}
.hero-home .col-md-6:last-child {padding-right: 30px;}
.hero-home .content-wrp .review-list {display: flex;margin-bottom: 5px;}
.hero-home .content-wrp .review-list li {display: flex;align-items: center;}
.hero-home .content-wrp .review-list li > img{object-fit: contain;}
.hero-home .content-wrp .review-list li:not(:last-child) {margin-right: 32px;}
.hero-home .content-wrp .review-list li div {margin-left: 5px;}
.hero-home .content-wrp .review-list li div h4 {font-family: 'NavineLight';font-size: 67px;line-height: 61px;letter-spacing: -0.05em;text-align: center;margin-bottom: 0px;}
.hero-home .content-wrp .review-list li div img {display: block;margin: 0 auto;}
.hero-home .content-wrp .review-list li div p {font-family: 'Navine';font-size: 12px;line-height: 19px;letter-spacing: 0px;text-align: center;margin-bottom: 0px;color: #FFFFFF}
.hero-home .content-wrp h1 {color: #FFFFFF;margin-bottom: 11px;}
.hero-home .content-wrp > p {font-family: 'Navine';font-size: 18px;line-height: 24px;letter-spacing: -0.02em;color: #FFFFFF;margin-bottom: 15px;}
.hero-home .content-wrp a.yellow-btn{
  filter: drop-shadow(0px 1px 10px #F2F2F24D);
}
.hero-home .content-wrp {
    opacity: 0;
    animation: fadeSlideLeft 1s ease-out forwards;
}
.hero-home .img-wrp{
  opacity: 0;
  animation: fadeSlideRight 1s ease-out forwards;
} 
.hero-home .img-wrp img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
/* Animation keyframes */
  @keyframes fadeSlideLeft {
    0% {
      opacity: 0;
      transform: translateX(-50px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
   
  @keyframes fadeSlideRight {
    0% {
      opacity: 0;
      transform: translateX(50px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
/* hero-banner-section end */
/* services-section */
.services-sec {background: linear-gradient(0.95deg, #7F78AB -70.98%, #481F6E 126.33%);/*background: linear-gradient(0.95deg, #7F78AB -9.98%, #481F6E 73.33%);*/position: relative;padding-bottom: 540px;padding-top: 17px;}
.services-sec::before {content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/cta-musictone.png);background-repeat: repeat;background-size: 100%;background-position: top;}
.services-sec .container {max-width: 1131px;position: relative;}
.services-sec h2 {text-align: center;margin-bottom: 12px;}
.services-sec .desc {font-family: 'Navine';font-size: 16px;line-height: 20px;letter-spacing: 0px;text-align: center;color: #FFFFFF;margin-bottom: 8px;max-width: 663px;margin-left: auto;margin-right: auto;}
.services-sec .ss-grid {display: flex;margin-left: -15.5px;margin-right: -15.5px;position: relative;padding-top: 30px;}
.services-sec .ss-grid .ss-item {position: relative;padding-left: 12.5px;padding-right: 12.5px;max-width: 25%;width: 100%;}
.services-sec .ss-grid .ss-item .bg-img {padding: 0px 7px;}
.services-sec .ss-grid .ss-item .bg-img img {border-radius: 4px;}
.services-sec .ss-grid .ss-item .cnt {padding: 57px 15px 55px 15px;position: relative;margin-top: -90px;z-index: 1;transition: 0.3s ease;}
.services-sec .ss-grid .ss-item .item:hover .cnt {opacity: 0;visibility: hidden;}
.services-sec .ss-grid .ss-item .cnt .cnt-bg {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
/* .services-sec .ss-grid .ss-item .cnt .cnt-bg .bg-center {position: absolute;top: 47px;left: 0px;background: url(../images/services-item-bg-center1.png) repeat-y center;width: 100%;height: calc(100% - 100px);background-size: contain;} */
.services-sec .ss-grid .ss-item .cnt .cnt-bg .bg-center {position: absolute;top: 47%;left: 0px;background: url(../images/services-item-bg-center4.png) repeat-y center;width: 100%;height: calc(100% - 95px);background-size: contain;transform: translateY(-50%);}
.services-sec .ss-grid .ss-item .cnt .cnt-bg:before {content: '';position: absolute;top: 0px;left: 0px;background: url(../images/services-item-bg-top4.png) no-repeat top;width: 100%;height: 50px;background-size: contain;}
.services-sec .ss-grid .ss-item .cnt .cnt-bg::after {content: '';position: absolute;bottom: 0px;left: 0px;background: url(../images/services-item-bg-bottom4.png) no-repeat bottom;width: 100%;height: 64px;background-size: contain;}
.services-sec .ss-grid .ss-item .cnt h3 {position: relative;font-family: 'Hebden';text-align: center;color: #FFFFFF;margin-bottom: 0px;word-break: break-word;}
.services-sec .ss-grid .ss-item .hvr-cnt {position: absolute;top: 30%;left: 50%;width: calc(100% - 25px);height: 100%;z-index: 1;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: 0.3s ease;pointer-events: none;}
.services-sec .ss-grid .ss-item .item:hover .hvr-cnt {top: 0%;opacity: 1;visibility: visible;pointer-events: auto;}
.services-sec .ss-grid .ss-item .hvr-cnt .hvr-cnt-title {padding: 57px 15px 55px 15px;position: relative;margin-top: -30px;z-index: 1;margin-bottom: 6px;}
/* .services-sec .ss-grid .ss-item .hvr-cnt .hover-cnt-bg .bg-center {position: absolute;top: 46px;left: 0px;background: url(../images/services-item-bg-center-h.svg) repeat-y center;width: 100%;height: calc(100% - 100px);background-size: contain;} */
.services-sec .ss-grid .ss-item .hvr-cnt .hover-cnt-bg .bg-center {position: absolute;top: 47%;left: 0px;background: url(../images/services-item-bg-center-h.svg) repeat-y center;width: 100%;height: calc(100% - 95px);background-size: contain;transform: translateY(-50%);}
.services-sec .ss-grid .ss-item .hvr-cnt .hover-cnt-bg:before {content: '';position: absolute;top: 0px;left: 0px;background: url(../images/services-item-bg-top-h.svg) no-repeat top;width: 100%;height: 50px;background-size: contain;}
.services-sec .ss-grid .ss-item .hvr-cnt .hover-cnt-bg::after {content: '';position: absolute;bottom: 0px;left: 0px;background: url(../images/services-item-bg-bottom-h.svg) no-repeat bottom;width: 100%;height: 62px;background-size: contain;}
.services-sec .ss-grid .ss-item .hvr-cnt h3 {position: relative;font-family: 'Hebden';text-align: center;color: #180738;margin-bottom: 0px;word-break: break-word;}
.services-sec .ss-grid .ss-item .hvr-cnt ul {display: flex;flex-direction: column;align-items: center;}
.services-sec .ss-grid .ss-item .hvr-cnt ul li {max-width: 211px;width: 100%;}
.services-sec .ss-grid .ss-item .hvr-cnt ul li {margin-bottom: 12px;}
.services-sec .ss-grid .ss-item .hvr-cnt ul li a {padding: 3px;border-radius: 100px;min-width: 211px;min-height: 45px;background: linear-gradient(180deg, #481F6E 32%, #180738 99%);display: block;width: 100%;}
.services-sec .ss-grid .ss-item .hvr-cnt ul li a span {display: block;padding: 10.5px;font-family: 'NavineSemiBold';font-size: 18px;line-height: 21px;letter-spacing: 0.05em;text-align: center;text-transform: uppercase;color: #180738;background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);border-radius: 100px;transition: all 0.33s linear;position: relative;z-index: 1;}
.services-sec .ss-grid .ss-item .hvr-cnt .see-all-btn {padding: 1.5px;border-radius: 100px;background: #FFFFFF;display: block;max-width: 211px;width: 100%;margin: 0 auto;}
.services-sec .ss-grid .ss-item .hvr-cnt .see-all-btn span {display: flex;justify-content: center;flex-wrap: wrap;padding: 10.5px 15.5px;font-family: 'NavineSemiBold';font-size: 18px;line-height: 21px;letter-spacing: -0.5px;text-align: center;text-transform: uppercase;color: #FFFFFF;background: linear-gradient(1.61deg, #481F6E -63.64%, #7F78AB 69.8%);border-radius: 100px;transition: all 0.33s linear;position: relative;z-index: 1;}
.services-sec .ss-grid .ss-item .hvr-cnt .see-all-btn span img {margin-left: 4px;}
.services-sec .ss-grid .ss-item .hvr-cnt ul li a span::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    border-radius: 100px;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: -1;
}

/* Hover: fade in white overlay */
.services-sec .ss-grid .ss-item .hvr-cnt ul li a:hover span::after {
    opacity: 1;
}
.services-sec .ss-grid .ss-item .hvr-cnt .see-all-btn span::after{
  content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
    border-radius: 100px;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    z-index: -1;
}
.services-sec .ss-grid .ss-item .hvr-cnt .see-all-btn:hover span::after{
  opacity: 1;
}
/* services-section end */

/* about-us-section */
.about-us {
    padding: 25px 0 50px;
    position: relative;
    margin-top: -468px;
}
.about-us:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/aboutbg-top.png')no-repeat center;
    background-size: cover;
}
.about-us .row{
  align-items: center;
  position: relative;
}
.clip-wrp{
  position: relative;
}
.clip-wrp::before{
  content: '';
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  background: url('../images/about-bg.png') no-repeat center;
  background-size: contain;
}
.about-us .clip-wrp{
  margin-right: 22px;
}
.about-us .img-wrp{
  position: relative;
  width: 100%;
  -webkit-mask: url('../images/about-bg.png') center/100% no-repeat;
  mask: url('../images/about-bg.png') center/100% no-repeat;
  -webkit-mask-composite: exclude;
  mask-composite: exclude;
  pointer-events: none;
  mask-size: contain;
}

.about-us .img-wrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 450px;
    object-position: center;
    display: block;
}

.about-us .cnt-wrp h2 {
    margin-bottom: 17px;
}

.about-us .cnt-wrp p {
    color: var(--White);
    margin-bottom: 20px;
}
/* about-us-section end */

/* review-section */
.reviews{
  padding: 50px 0;
  text-align: center;
  position: relative;
}
.reviews:before,.service-areas:before,.financing-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/aboutbg-center.png')no-repeat center;
    background-size: cover;
    z-index: -1;
}
.reviews .review-top{
  max-width: 932px;
  margin: 0 auto 25px;
  text-align: center;
}
.reviews .review-top h2 {
    margin-bottom: 14px;
}
.reviews .review-top p {
    margin-bottom: 0;
    color: var(--White);
}
.reviews .reviews-slider .slick-track{
  display: flex;
}
.reviews .reviews-slider .slick-list{
  margin: 0 58px;
}
.reviews .reviews-slider .slick-slide{
  margin: 0 17px;
  height: auto;
}
.reviews .reviews-slider .review-itm {
  box-shadow: 0px 4px 16px 0px #54545433;
    border-radius: 4px 4px 4px 67px;
    overflow: hidden;
    padding: 17px 26px 82px 35px;
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: var(--White);
    transition: all 0.3s linear;
    height: 100%;
    position: relative;
}
.reviews .reviews-slider .review-itm .review-upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.reviews .reviews-slider .review-itm .review-upper img {
    object-fit: contain;
}
.reviews .reviews-slider .review-itm .review-upper p {
    font-family: 'NavineBold';
    color: var(--Light-Purple);
    margin-bottom: 0;
}
.reviews .reviews-slider .review-itm .review-middle h4 {
    font-family: 'NavineExtraBold';
    color: var(--Purple);
    margin-bottom: 15px;
}
.reviews .reviews-slider .review-itm .review-middle p {
    margin-bottom: 0;
}
.reviews .reviews-slider .review-itm .review-middle a.read-more,.reviews .reviews-slider .review-itm .review-middle a.read-less {
    margin-top: 28px;
    display: block;
    font-family: 'NavineSemiBold';
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--Light-Purple);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    bottom: 46px;
    margin: 0;
}
.reviews .reviews-slider .review-itm .review-middle a.read-more::after, .reviews .reviews-slider .review-itm .review-middle a.read-less::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 11px;
    background: url(../images/read-arrow.svg) no-repeat center;
    background-size: contain;
    left: 80px;
    top: 1px;
}
.reviews .reviews-slider .review-itm .review-lower {
    /* display: flex;
    align-items: center;
    justify-content: end;
    margin-top: auto; */
    position: absolute;
    bottom: 12.5px;
    right: 26px;
}
.reviews .reviews-slider .review-itm .review-lower img{
  object-fit: contain;
}
.reviews .reviews-slider{
  margin-bottom: 38px;
}
.reviews .reviews-slider .slick-dots {
    bottom: -38px;
    left: 0;
    right: 0;
}
.slick-dots li {
    width: 25px;
    height: 4px;
    margin: 0 4px;
}
.slick-dots li button {
  width: 100%;
  height: 100%;
  background: #ffffff34;
  padding: 0;
  border-radius: 4px;
  transition: all 0.3s linear;
  opacity: 1;
  font-size: 0;
}
.slick-dots li.slick-active button {
  background: var(--Gold);
}
.slick-dots li button::before {
  display: none;
}
.reviews a.yellow-btn{
  margin-top: 30px;
}
/* review-section end */
/* service-section */
.service-areas {
    padding: 50px 0;
    position: relative;
}

.service-areas .map-img {
    background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    position: relative;
    border-radius: 4px;
    padding: 2.5px;
}

.service-areas .map-img:before {
    content: "";
    position: absolute;
    top: -11px;
    left: -11px;
    right: -11px;
    bottom: -11px;
    border-radius: 14px;
    background: linear-gradient(90deg, #481F6E 32%, #340F74 99%);
    z-index: -1;
    pointer-events: none;
    height: calc(100% + 22px);
    width: calc(100% + 22px);
    transition: all 0.33s linear;
}

.service-areas .map-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.service-areas .map-list {
    max-width: 770px;
    margin: 24px auto 0;
    text-align: center;
}
.service-areas .map-list h2{
  margin-bottom: 27px;
}
.service-areas .map-list .lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-left: 40px;
}
.service-areas .map-list .lists-in {
    display: flex;
    align-items: center;
    transition: all 0.33s linear;
	text-align: left;
}
.service-areas .map-list .lists-in .map-icon {
    box-shadow: 0px 0.37px 3.67px 0px #211C1F63;
    background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 13px;
    height: 40px;
    width: 40px;
    padding: 8px;
}
.service-areas .map-list .lists-in:hover .map-icon{
  box-shadow: 0px 1px 30px 0px #F2F2F2A1;

}
.service-areas .map-list .lists-in .city-name a{
  font-family: 'Navine';
  font-weight: 500;
  font-size: 25px;
  line-height: 23px;
  margin: 0;
  text-transform: uppercase;
  color: var(--White);
  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 62%, #FFFFFF 85%);
  -webkit-background-clip: text;
  background-clip: text;
}
.service-areas .map-list .lists-in .city-name a:hover{
  color: transparent;
  background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
  background-clip: text;
}
.service-areas .map-list .yellow-btn{
  margin-top: 30px;
}
/* service-section end */
/* promo-section */
.promo-sec {
    /* padding: 173px 0; */
    padding: 13.51vw 0 11.95vw;
    background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
    position: relative;
}
.promo-sec:before{
   content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 9.3vw;
    background: url(../images/promo-topbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.promo-sec:after{
   content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 7.8vw;
    background: url(../images/promo-bottombg.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.promo-sec .row:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/hero-banner-abstract.svg);
    background-repeat: repeat;
    background-size: 100%;
    background-position: top;
}
.promo-sec .row .col-md-12{
  position: relative;
  text-align: center;
}
.promo-sec .col-md-12 > h2{
  margin-bottom: 20px;
}

.promo-sec .promo-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 29px;
    row-gap: 29px;
}

.promo-sec .promo-wrp .promo {
  position: relative;
  width: calc((100% - 58px) / 3);
  border-radius: 4px;
  background: url(../images/promo-bgwhite.png) no-repeat center;
  background-size: cover;
  padding: 12px 14px;
  filter: drop-shadow(0px 4px 4px #1E1E1E40);
  transition: all 0.33s linear;
  overflow: hidden;
  z-index: 1;
}

.promo-sec .promo-wrp .promo::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url(../images/promo-bg.png) no-repeat center;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.33s linear;
  z-index: 0;
}

.promo-sec .promo-wrp .promo:hover::before {
  opacity: 1;
}

/* Content stays above the image layers */
.promo-sec .promo-wrp .promo > * {
  position: relative;
  z-index: 1;
}

.promo-sec .promo-wrp .promo .promo-in{
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  border: 1px dashed var(--Purple);
  padding: 17px 17px 12px;
  height: 100%;
}

.promo-sec .promo-wrp .promo .promo-in h2 {
    color: var(--Purple);
    margin: 14px 0 17px;
}
.promo-sec .promo-wrp .promo .promo-in h4 {
    color: var(--Purple);
    font-size: 29px;
    line-height: 25px;
    margin-bottom: 25px;
}
.promo-sec .promo-wrp .promo .promo-in a.purple-outlined {
    margin: 25px 0;
    color: var(--Purple);
}
.promo-sec .promo-wrp .promo .promo-in p{
  margin-bottom: 0;
}
.promo-sec .promo-wrp .promo .promo-in p:last-child {
    font-size: 12px;
    line-height: 13px;
    margin-top: auto;
}
.promo-sec .yellow-btn{
  margin-top: 30px;
}
/* .promo-sec .promo-wrp .promo:hover{
  background: url(../images/promo-bg.png) no-repeat center;
  background-size: cover;
} */
.promo-sec .promo-wrp .promo:hover .promo-in{
  border-color: var(--White);
}
.promo-sec .promo-wrp .promo:hover .promo-in h2,.promo-sec .promo-wrp .promo:hover .promo-in h4,.promo-sec .promo-wrp .promo:hover .promo-in p{
 color: var(--White); 
}
.promo-sec .promo-wrp .promo:hover .purple-outlined{
  background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
  color: var(--Purple);
  filter: drop-shadow(0px 1px 30px #F2F2F24D);
}
.promo-sec .promo-wrp .promo:hover .purple-outlined::before{
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    right: 2.5px;
    bottom: 2.5px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    z-index: -1;
    pointer-events: none;
    height: calc(100% - 5px);
    width: calc(100% - 5px);
    transition: all 0.33s linear;
}
/* promo-section end */
/* financing-section */
.financing-section {
    padding: 77px 0 42px;
    position: relative;
    /* background: url(../images/footer-bg.png) no-repeat center;
    background-size: cover; */
}
.financing-section .gradient-box {
    background: linear-gradient(352.92deg, #7F78AB 2.62%, #481F6E 75.98%);
    /* padding: 64px 83px; */
    padding: 64px 98px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 2;
}
.financing-section .gradient-box > h2{
  margin-bottom: 20px;
}
.financing-section .financing-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.financing-section .financing-wrp .financing {
    /* width: calc((100% - 128px)/2); */
    width: calc((100% - 40px)/ 2);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.financing-section .financing-wrp .financing img {
    object-fit: contain;
    height: 100%;
}
.financing-section .financing-wrp .financing > h3 {
    max-width: 404px;
    margin: 24px auto 10px;
    font-family: 'NavineExtraBold';
    font-size: 39px;
    line-height: 35px;
}
.financing-section .financing-wrp .financing > p{
  color: var(--White);
  max-width: 404px;
  margin: 0 auto 27px;
}
.financing-section .financing-wrp .financing a.yellow-btn{
  margin-top: auto;
  min-width: 240px;
}
/* financing-section end */
/* resource-section */
.resources {
  position: relative;
  text-align: center;
  padding-top: 40px;
  margin-bottom: -500px;
}

.resources:before{
  content: '';
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/aboutbg-bottom.png')no-repeat center;
  background-size: cover;
  transform: translateY(-50%);
  z-index: 1;
}

.resources .col-md-12 {
    position: relative;
    z-index: 2;
}
.resources .col-md-12 > h2 {
    margin-bottom: 29px;
}
.resources .latest-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 29px;
    row-gap: 29px;
}

.resources .latest-posts-wrapper .single-post-box {
  position: relative;
  width: calc((100% - 58px) / 3);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(0.95deg, #FFFFFF -9.98%, #FFFFFF 73.33%);
  filter: drop-shadow(0px 4px 4px #1E1E1E40);
  transition: all 0.33s linear;
  overflow: hidden;
  z-index: 1;
}

.resources .latest-posts-wrapper .single-post-box::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
  opacity: 0;
  transition: opacity 0.33s linear;
  z-index: 0;
}

.resources .latest-posts-wrapper .single-post-box:hover::before {
  opacity: 1;
}
.resources .latest-posts-wrapper .single-post-box > * {
  position: relative;
  z-index: 1;
}


.resources .latest-posts-wrapper .single-post-box .post-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    border-bottom-left-radius: 68px;
}

.resources .latest-posts-wrapper .single-post-box .post-image img {
    width: 100%;
    height: 209px;
    object-fit: cover;
    object-position: center;
    display: block;
}
.resources .latest-posts-wrapper .single-post-box .post-content {
    padding: 16px 31px 27px;
}
.resources .latest-posts-wrapper .single-post-box .post-content h4 {
    font-family: 'NavineExtraBold';
    font-size: 25px;
    line-height: 23px;
    text-align: center;
    color: var(--Purple);
}
.resources a.yellow-btn{
  margin-top: 26px;
}
.resources .latest-posts-wrapper .single-post-box:hover h4,.resources .latest-posts-wrapper .single-post-box:hover p{
  color: var(--White);
}
.resources .latest-posts-wrapper .single-post-box:hover .purple-outlined,.resources .latest-posts-wrapper .single-post-box .purple-outlined:hover {
  background: linear-gradient(0.95deg, #481F6E -9.98%, #7F78AB 73.33%);
  color: var(--Purple);
  filter: drop-shadow(0px 1px 30px #F2F2F24D);
}
.resources .latest-posts-wrapper .single-post-box:hover .purple-outlined::before,.resources .latest-posts-wrapper .single-post-box .purple-outlined:hover::before {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2.5px;
    right: 2.5px;
    bottom: 2.5px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FCBB17 0%, #FCDB1E 62%, #FCBB17 85%);
    z-index: -1;
    pointer-events: none;
    height: calc(100% - 5px);
    width: calc(100% - 5px);
    transition: all 0.33s linear;
}

/* resource-section end */
/* cta-section */
.cta {
    padding: 50px 0 50px;
    text-align: center;
    background: var(--Purple-Gradient);
    position: relative;
}
.cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/cta-musictone.png);
  background-size: 100%;
  background-repeat: repeat;
  background-position: top;
}
.cta .col-md-12{
  position: relative;
  z-index: 1;
}
.cta .top-wrp.in-view{
  opacity: 0;
  animation: fadeinviewLeft 1s ease-out forwards;
}
@keyframes fadeinviewLeft {
    0% {
      opacity: 0;
      transform: translateX(-50%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
.cta .top-wrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin-left: -90px;
}
.cta .bottom-wrp {
    max-width: 760px;
    margin: 0 auto;
}
.cta .bottom-wrp p {
    color: var(--White);
    margin-bottom: 17px;
}
/* cta-section end */
.yellow-btn.mobile{
  display: none;
}

.cta .top-wrp img.mobile {
    display: none;
}
.service-areas .map-img img.mobile {
    display: none;
}