@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

@font-face {
  font-family: "sf_pro_displaybold";
  src: url("../fonts/sfprodisplaybold-webfont.woff2") format("woff2"),
    url("../fonts/sfprodisplaybold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sf_pro_displaymedium";
  src: url("../fonts/sfprodisplaymedium-webfont.woff2") format("woff2"),
    url("../fonts/sfprodisplaymedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sf_pro_displayregular";
  src: url("../fonts/sfprodisplayregular-webfont.woff2") format("woff2"),
    url("../fonts/sfprodisplayregular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "panton_narrow-trialblack";
  src: url("../fonts/pantonnarrow-trial-black-webfont.woff2") format("woff2"),
    url("../fonts/pantonnarrow-trial-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'panton_narrow-trialbold';
  src: url('../fonts/panton_narrow_bold-webfont.woff2') format('woff2'),
    url('../fonts/panton_narrow_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'panton_narrow-trialregular';
  src: url('../fonts/panton_narrow_regular-webfont.woff2') format('woff2'),
    url('../fonts/panton_narrow_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "panton_narrow-trialsemibold";
  src: url("../fonts/pantonnarrow-trial-semibold-webfont.woff2") format("woff2"),
    url("../fonts/pantonnarrow-trial-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "panton_narrow-trialthin";
  src: url("../fonts/pantonnarrow-trial-thin-webfont.woff2") format("woff2"),
    url("../fonts/pantonnarrow-trial-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "hello_honey_-_personal_useRg";
  src: url("../fonts/hello_honey-webfont.woff2") format("woff2"),
    url("../fonts/hello_honey-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "pantonregular";
  src: url("../fonts/panton-webfont.woff2") format("woff2"),
    url("../fonts/panton-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font: inherit;
  scrollbar-width: thin;
  scrollbar-color: #007fa0 #ffffff;
}

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

*:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

*::-webkit-scrollbar {
  width: 15px;
}

*::-webkit-scrollbar-thumb {
  background-color: #007fa0;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

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

button,
input[type="submit"],
input[type="reset"],
a {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-decoration: none;
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

::-moz-selection {
  color: #fff;
  background: #007fa0;
}

::selection {
  color: #fff;
  background: #007fa0;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

/***************** FOR BOOTSTRAP ******************/
.container {
  max-width: 1500px;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
}

.navbar,
.nav-link {
  padding: 0;
  margin: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
}

/*As Per Design Change*/

.cus_nav_outr {
  padding: 25px 0px;
  background: transparent;
  padding-top: 65px;
}

.cus_nav_innr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.right_nav {
  display: flex;
  align-items: center;
}

/* Bootstrap Form-Control */

.form-control {
  border: 1px solid #000;
  color: #000;
}

.form-control:focus {
  box-shadow: none;
  background: transparent;
}

.form-control::-webkit-input-placeholder {
  font-size: 16px;
  color: #000;
}

.form-control::-moz-placeholder {
  font-size: 16px;
  color: #000;
}

.form-control:-ms-input-placeholder {
  font-size: 16px;
  color: #000;
}

.form-control::-ms-input-placeholder {
  font-size: 16px;
  color: #000;
}

.form-control::placeholder {
  font-size: 16px;
  color: #000;
}

/*Header*/

.top_header {
  padding: 0;
}

/*zoom effect*/

.zoom_otr {
  overflow: hidden;
}

.bnr_pic {
  overflow: hidden;
}

.zoom {
  -webkit-animation: scale 20s linear infinite;
  animation: scale 20s linear infinite;
}

@-webkit-keyframes scale {
  50% {
    transform: scale(1.2);
  }
}

@keyframes scale {
  50% {
    transform: scale(1.2);
  }
}

/*Zoom effect*/

.bnr_content {
  position: absolute;
  bottom: 0;
  /* transform: translateY(-50%); */
  left: 50%;
  transform: translateX(-50%);
}

.bnr_otr {
  position: relative;
  overflow: hidden;
}

/* Banner End */

/* cmn_margin & Padding */

.mt-40 {
  margin-top: 40px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.cmn_pdding {
  padding: 100px 0;
}

/*----Common Header and Button----*/

.cmn_hdr h2 {
  font-size: 65px;
  line-height: 1.2;
  font-weight: 400;
  color: #000;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-family: "panton_narrow-trialregular";
}

.cmn_hdr.wht h2 {
  color: #fff;
}

.cmn_hdr h3 {
  font-size: 29px;
  line-height: 1.2;
  font-weight: 500;
  color: #008fa0;
  padding-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: "sf_pro_displaymedium";
}

.cmn_hdr.blck h3 {
  color: #000;
}

.cmn_hdr h6 {
  color: #2b2b2b;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.cmn_hdr p {
  font-size: 22px;
  color: #000;
  line-height: 1.5;
  padding-bottom: 10px;
  font-family: "sf_pro_displayregular";
}

.cmn_hdr.wht p {
  color: #fff;
}

.cmn_btn {
  font-size: 20px;
  color: #fff;
  padding: 20px 40px;
  display: inline-block;
  background: #007fa0;
  border: 1px solid #007fa0;
  position: relative;
  text-transform: capitalize;
  transition: 0.5s all;
  z-index: 1;
  overflow: hidden;
  font-family: "panton_narrow-trialbold";
}

.cmn_btn::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.7s;
}

.cmn_btn:hover {
  color: #007fa0;
  border: 1px solid #007fa0;
  background-color: transparent;
}

.cmn_btn:hover::after {
  width: 100%;
}

.cmn_btn.wht {
  background-color: #fff;
  color: #000;
}

.cmn_btn.wht::after {
  background-color: #007fa0;
}

.cmn_btn.wht:hover {
  background-color: #007fa0;
  color: #fff;
}

/*----Common Header and Button End----*/

/* Animation Section */

/* Swing */

.swing:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: -14px;
  left: 54%;
  z-index: 5;
  border-radius: 50% 50%;
  background: #000;
}

@-webkit-keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

@keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

.swing:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  top: -10px;
  left: 50%;
  z-index: 0;
  border-bottom: none;
  border-right: none;
  transform: rotate(45deg);
}

.swing {
  -webkit-animation: swing ease-in-out 1s infinite alternate;
  animation: swing ease-in-out 1s infinite alternate;
  transform-origin: center -20px;
}

/* Rotate */

.rotate {
  -webkit-animation: rotation 12s infinite linear;
  animation: rotation 12s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* Floating */

.floating {
  -webkit-animation: floating ease-in-out 3s infinite;
  animation: floating ease-in-out 3s infinite;
}

@-webkit-keyframes floating {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, -0px);
  }
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, -0px);
  }
}

/* Animation Section End */
/* Navbar sec start  */

#header_id {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}

.nav-link {
  font-family: "pantonregular";
  font-weight: 700;
  color: #000;
  transition: 0.3s ease all;
  font-size: 24px;
}

.nav-link:hover {
  color: #007fa0;
}

.nav-item {
  padding-right: 80px;
}

#header_id .nav-link.active {
  color: #007fa0 !important;
}

.hdr-btn a {
  border-radius: 5px;
}

.logo_area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 190px;
}

.nav-item:nth-child(3) {
  padding-right: 500px;
}

.bnr_content h1 {
  font-size: 148px;
  color: #000;
  text-transform: uppercase;
}

.bnr_hdng {
  display: flex;
  align-items: baseline;
}

.bnr_hdng span {
  margin-right: 60px;
  width: 461px;
  height: 161px;
}

.bnr_2nd_hdng {
  display: flex;
}

.bnr_dsgn h2 {
  font-family: "hello_honey_-_personal_useRg";
  font-size: 227px;
  color: #007fa0;
}

.bnr_dsgn {
  margin-top: -125px;
  margin-right: -125px;
}

.bnr_btn {
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-bottom: 20px;
}

.bnr_content h3 {
  text-align: center;
  font-family: "panton_narrow-trialsemibold";
  font-size: 34px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.bnr_otr.cmn_pdding {
  padding-top: 0;
}

.bnr_pic img {
  width: 100%;
}

/* About us sec start  */
.bout_us_hdng span {
  width: 51px;
}

.about_us {
  padding: 100px 0 5px 0;
}

.parent_about_us {
  display: flex;
  align-items: center;
  width: 100%;
}

.about_us_cntnt {
  width: 45%;
}

.parent_about_us {
  gap: 23px;
}

.bout_us_hdng {
  display: flex;
  align-items: baseline;
}

.abt_cntnt_para p {
  font-family: "sf_pro_displayregular";
  line-height: 2;
  color: #0007;
}

.abt_cntnt_para h3 {
  margin: 15px 0;
}

.about_us_img {
  margin-left: -80px;
}

.parent_about_us {
  position: relative;
}

.parent_about_us::before {
  position: absolute;
  content: "";
  background-image: url(../images/bnr_sec_after.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 40px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: -1;
}

.parent_about_us::after {
  position: absolute;
  content: "";
  background-image: url(../images/bnr_sec_after.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: -1;
}

/* About us sec end  */
/* Events sec start  */
.events_hdng .cmn_hdr {
  text-align: center;
}

.events_hdng .cmn_hdr p {
  width: 67%;
  margin: 0 auto;
  color: #0007;
}

.outr_events {
  position: relative;
}

.outr_events::before {
  position: absolute;
  content: "";
  background: url(../images/total-rope.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 18px;
  width: 100%;
  top: 340px;
  left: 0;
}

.parent_events_img {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 245px 0 60px;
}

.events_img {
  padding: 20px;
  position: relative;
}

.events_img::after {
  position: absolute;
  content: "";
  background-image: url(../images/cloth_peg.png);
  background-repeat: no-repeat;
  top: -117px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 178px;
}

.evimge-cntnt {
  text-align: center;
  margin: 40px 0;
}

.evimge-cntnt h4 {
  text-transform: uppercase;
  font-family: "panton_narrow-trialsemibold";
  font-weight: 600;
  font-size: 30px;
}

.event_btn {
  text-align: center;
}

.events {
  position: relative;
}

.events::after {
  position: absolute;
  content: "";
  background-image: url(../images/bnr_sec_after.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: -1;
}

/* Events sec end   */
/* watch  slider  */
.wtch_or_vds {
  position: relative;
}

.wtch_or_vds::after {
  position: absolute;
  content: "";
  background-image: url(../images/bnr_sec_after.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: -23px;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
  height: 40px;
}

.wtch_or_vds_otr {
  width: 1710px;
  margin-left: auto;
}

.wtch_hdng h2 {
  font-size: 160px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  text-transform: uppercase;
}

.wtch_hdng h2 span {
  height: 135px;
  width: 93px;
  display: block;
}

.wtch_hdng h2 span img {
  width: 100%;
  height: 100%;
}

.wtch_hdng h3 {
  font-family: "hello_honey_-_personal_useRg";
  font-size: 169px;
  text-transform: capitalize;
  color: #007fa0;
  margin-top: -80px;
  letter-spacing: 1px;
  text-align: center;
}

.wtch_hdng p {
  color: #7f7b7a;
  text-align: center;
  font-size: 22px;
  line-height: 2;
}

.wtch_or_vds_otr .d-flex {
  justify-content: space-between;
  align-items: center;
}

.wtch_or_vds_swpr .swiper-slide .img_otr {
  overflow: hidden;
  position: relative;
}

.wtch_or_vds_swpr .swiper-slide {
  scale: 0.7;
  position: relative;
  z-index: 0;
}

.wtch_or_vds_swpr .swiper-slide.swiper-slide-active .img_otr {
  border-radius: 30px;
}

.wtch_or_vds_swpr .swiper-slide.swiper-slide-active {
  scale: 1;
  margin-right: -115px;
  z-index: 1;
}

.wtch_or_vds_swpr .swiper-slide .img_otr .fancy_bx_otr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/border_white.png) no-repeat;
  width: 130px;
  height: 130px;
  background-size: 100% 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.wtch_or_vds_swpr .swiper-slide.swiper-slide-active .img_otr .fancy_bx_otr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/border_white.png) no-repeat;
  width: 130px;
  height: 130px;
  background-size: 100% 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.wtch_or_vds_swpr .swiper-slide .img_otr .fncy_bx_inr {
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
}

.wtch_or_vds_swpr .swiper-slide .img_otr .fncy_bx_inr a {
  font-size: 26px;
  color: #ffa685;
}

.wtch_swpr_arrws {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin-top: 40px;
}

.wtch_swpr_arrws .swiper-button-next-1 {
  width: 75px;
  height: 75px;
  background-color: transparent;
  border: 1px solid #007fa0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s all;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.wtch_swpr_arrws .swiper-button-next-1:hover {
  background-color: #007fa0;
}

.wtch_swpr_arrws .swiper-button-next-1:hover svg path {
  fill: #fff;
}

.wtch_swpr_arrws .swiper-button-prev-1 {
  width: 75px;
  height: 75px;
  background-color: transparent;
  border: 1px solid #007fa0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s all;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.wtch_swpr_arrws .swiper-button-prev-1:hover {
  background-color: #007fa0;
}

.wtch_swpr_arrws .swiper-button-prev-1:hover svg path {
  fill: #fff;
}

.wtch_swpr_arrws svg {
  width: 50px;
}

/* watch slide end  */
.scl_title h2 {
  font-size: 102px;
  font-family: "panton_narrow-trialregular";
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

.scl_title h3 {
  font-size: 119px;
  font-family: "hello_honey_-_personal_useRg";
  font-weight: 500;
  text-transform: capitalize;
  text-align: right;
  color: #007fa0;
  margin-top: -50px;
}

.scl_title .cmn_hdr p {
  width: 660px;
  margin: auto;
  line-height: 1.8;
  text-align: center;
}

.scl_head {
  width: fit-content;
  margin: auto;
}

.scl_info {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.scl_title h2 {
  font-size: 102px;
  font-family: "panton_narrow-trialregular";
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

.scl_head {
  width: fit-content;
  margin: auto;
}

.scl_btn {
  width: fit-content;
  margin: auto;
  margin-top: 50px;
}

/* .scl_title h2::after */
.scl_title h2 span {
  display: inline-block;
  width: fit-content;
}

.cntnt_info {
  display: flex;
  align-items: center;
  margin: 5% 0;
}

.cntct_item {
  text-align: center;
  background-color: #fffffff2;
  border-radius: 10px;
  padding: 60px;
  width: 40%;
  margin-left: 80px;
}

.cntct_item.cmn_hdr h2 span {
  display: inline-block;
}

.cntct_item.cmn_hdr p {
  line-height: 1.8;
  padding-bottom: 50px;
}

.cntct_sec {
  position: relative;
}

.cntct_sec::after {
  position: absolute;
  content: "";
  background-image: url(../images/glam_bar.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 0;
  width: 80%;
  height: 35px;
  left: 0;
  right: 0;
  margin: auto;
}

.cntct_sec::before {
  position: absolute;
  content: "";
  background-image: url(../images/glam_bar.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: -20px;
  width: 80%;
  height: 35px;
  left: 0;
  right: 0;
  margin: auto;
}

.cntct_frm form {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 85%;
  margin: auto;
}

.cntct_frm input::placeholder {
  color: #000;
  font-size: 22px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  opacity: 1;
}

.cntct_frm textarea::placeholder {
  color: #000;
  font-size: 22px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  opacity: 1;
}

.cntct_frm #name,
.cntct_frm #email,
.cntct_frm #num,
.cntct_frm #address {
  width: 100%;
  margin: auto;
  padding: 10px 20px;
  background-color: transparent;
  border: none;
  border-bottom: 7px solid transparent;
  border-image: url(../images/border-image.png) 30;
  margin-bottom: 50px;
  font-size: 22px;
}

.cntct_frm #name {
  background-image: url(../images/frm_icn1.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
}

.cntct_frm #email {
  background-image: url(../images/frm_icn2.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
}

.cntct_frm #num {
  background-image: url(../images/frm_icn3.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
}

.cntct_frm #address {
  background-image: url(../images/frm_icn4.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
}

.cntct_frm #msg {
  background-image: url(../images/frm_inc5.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
}

.cntct_frm textarea {
  width: 100%;
  border: none;
  border-bottom: 7px solid transparent;
  border-image: url(../images/border-image.png) 15;
  background-color: transparent;
  resize: none;
  margin: auto;
  font-size: 22px;
  padding: 0 20px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  margin-bottom: 40px;
  height: 60px;
}

.frm_sbmt {
  background-color: #007fa0;
  color: #fff;
  padding: 20px 25px;
  width: fit-content;
  margin: auto;
  font-size: 20px;
  border: 3px solid transparent;
  font-family: "panton_narrow-trialbold";
  margin-top: 30px;
  box-shadow: 0px 5px 20px 3px #877f7f;
}

.frm_sbmt:hover {
  background-color: transparent;
  border: 3px solid #007fa0;
  color: #007fa0;
}

.cntct_fild {
  position: relative;
}

.ftr_sec {
  padding-top: 90px;
}

.ftr_info {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}

.ftr_logo {
  padding-bottom: 25px;
}

.ftr_txt {
  padding-bottom: 20px;
}

.ftr_txt p {
  font-size: 19px;
  font-family: "panton_narrow-trialregular";
  font-weight: 500;
  width: 430px;
}

.ftr_scl ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.ftr_scl ul li a {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: all 0.4s ease-in;
  font-size: 20px;
}

.ftr_scl ul li a:hover {
  color: #fff;
  font-size: 20px;
  background-color: #008fa0;
}

.ftr_item h4 {
  position: relative;
  font-family: "Public Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.ftr_item h4::after {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #007fa0;
  position: absolute;
  left: 0;
  bottom: 0;
}

.ftr_item ul {
  padding-top: 50px;
}

.ftr_item ul li a {
  color: #000;
  font-size: 20px;
  font-family: "pantonregular";
  font-weight: 500;
  padding-bottom: 20px;
  text-transform: capitalize;
}

.ftr_item ul li a:hover {
  color: #008fa0;
}

.ftr_item ul li .fa-phone,
.ftr_item ul li .fa-envelope,
.ftr_item ul li .fa-location-dot {
  color: #008fa0;
}

.ftr_item ul li .ftr_adrs {
  display: block;
  width: 220px;
}

.ftr_item ul li {
  display: flex;

  justify-content: flex-start;
  gap: 10px;
}

.ftr-btm-details p {
  color: #000;
  font-size: 21px;
  font-family: "pantonregular";
  font-weight: 500;
  text-align: center;
}

.ftr-btm-details p a {
  color: #000;
}

.ftr-btm-details p a:hover {
  color: #008fa0;
}

.ftr-uppr {
  padding-bottom: 50px;
  border-bottom: 1px solid #e5e5e5;
}

.btm {
  padding: 50px 0;
}

/* ankur 03.04.23  */
.cus_nav_outr.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  animation: slide-down 0.7s linear;
  padding: 20px 0;
  z-index: 99;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}

.navbar-toggler.close .nav_toggler_open {
  display: none;
}

.navbar-toggler.collapsed.close .nav_toggler_open {
  display: block;
}

.navbar-toggler.close .nav_toggler_close {
  display: block;
}

.navbar-toggler.collapsed.close .nav_toggler_close {
  display: none;
}

.nav_toggler_close {
  display: none;
  color: #007fa0;
}

.nav_toggler_open {
  color: #007fa0;
}

#pre_Loader {
  background-color: #fff;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(45deg, #2e3192, #1bffff);
}

.loader {
  width: 16em;
  height: 8em;
  position: relative;
  overflow: hidden;
}

.loader::before,
.loader::after {
  content: "";
  position: absolute;
  bottom: 0;
}

.loader::before {
  width: inherit;
  height: 0.2em;
  background-color: hsla(0, 0%, 85%);
}

.loader::after {
  box-sizing: border-box;
  width: 50%;
  height: inherit;
  border: 0.2em solid hsla(0, 0%, 85%);
  border-radius: 50%;
  left: 25%;
}

.loader span {
  position: absolute;
  width: 5%;
  height: 10%;
  background-color: white;
  border-radius: 50%;
  bottom: 0.2em;
  left: -5%;
  animation: 2s linear infinite;
  transform-origin: 50% -3em;
  animation-name: run, rotating;
}

.loader span:nth-child(2) {
  animation-delay: 0.075s;
}

.loader span:nth-child(3) {
  animation-delay: 0.15s;
}

@keyframes run {
  0% {
    left: -5%;
  }

  10%,
  60% {
    left: calc((100% - 5%) / 2);
  }

  70%,
  100% {
    left: 100%;
  }
}

@keyframes rotating {

  0%,
  10% {
    transform: rotate(0deg);
  }

  60%,
  100% {
    transform: rotate(-1turn);
  }
}

#backToTop {
  width: 40px;
  height: 40px;
  background-color: #0080a0a1;
  display: none;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 50px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  cursor: pointer;
  z-index: 5555;
  transition: 0.5s all ease;
  border: 1px solid #0080a0a1;
  font-size: 1.8rem;
}

#backToTop:hover {
  background-color: #0080a0;
}

/* 07.04.23 events page  */
#header_id .nav-item.current-menu-item a {
  position: relative;
  color: #007fa0;
}

#header_id .nav-item.current-menu-item a::after {
  position: absolute;
  content: "";
  width: 100%;
  border-bottom: 2px solid #007fa0;
  bottom: 0;
  left: 0;
}

/* -- evnt bnr sec start ---  */
.banner_sec.events_bnr .bnr_content {
  bottom: inherit;
  top: 26%;
  text-align: center;
  width: 45%;
}

.banner_sec.events_bnr .bnr_hdng h1 {
  width: fit-content;
  margin: 0 auto;
  line-height: 1;
}

.banner_sec.events_bnr .bnr_content h3 {
  font-weight: 600;
  color: #000;
  padding-bottom: 0;
}

.banner_sec.events_bnr .bnr_hdng {
  display: block;
}

.bnr_2nd_hdng {
  margin-top: 40px;
}

.bnr_2nd_hdng p {
  line-height: 2;
}

.parent_ew-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.parent_ew-container .left_cntnt,
.right_cntnt {
  width: 45%;
}

.parent_ew-container .cmn_hdr p {
  color: #0007;
  line-height: 2;
}

.e_weddings {
  position: relative;
}

.e_weddings::after {
  position: absolute;
  content: "";
  background-image: url(../images/bnr_sec_after.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: -1;
}

.e_weddings.e_other::after {
  display: none;
}

/* event bnr sec end  */
/* shreyasi sec start  */
.bckdrp-dtl {
  position: relative;
  margin-bottom: 20px;
}

.bckdrp-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  text-align: center;
  background-color: #000;
}

.bckdrp-text.cmn_hdr h3 {
  color: #fff;
  padding: 45px 20px;
  font-weight: 700;
  letter-spacing: 1px;
}

.bckdrphdng {
  margin-bottom: 100px;
}

.bckdrp-img img {
  width: 100%;
}

.backdrop {
  overflow-x: hidden;
}

/* shreyasi sec end  */
/* ayaon paul sec start  */
.cntct_bnr_hdng p {
  font-family: "panton_narrow-trialbold";
}

.cntct_bnr_content {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cntct_bnr_hdng p {
  width: 680px;
  margin: auto;
}

.cntct_bnr_content h3 {
  padding-bottom: 0;
}

.sty-inr-prt p:first-child {
  color: #00a0a0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 25px;
}

.sty-inr-prt a:last-child {
  font-family: "Rubik", sans-serif;
  font-size: 28px;
  color: #000;
}

.sty-inr-prt a:hover:last-child {
  color: #00a0a0;
}

.stytch_p {
  font-size: 47px !important;
}

.sty-tch-prt {
  padding: 50px;
  background: #efefef;
  height: 208px;
}

.sty-tch-sec {
  position: relative;
  padding-top: 0;
}

.sty-tch-sec::after {
  position: absolute;
  content: "";
  background-image: url(../images/glam_bar.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  width: 80%;
  height: 35px;
  left: 0;
  right: 0;
  margin: auto;
}

.sty-tch-hdngs h2 {
  padding-bottom: 50px;
}

/* ayon paul sec end  */

/* -------------------- Piya (FAQ Page 07.04.23) Start -------------------- */

.banner_sec.faq_bnr_otr .bnr_content {
  top: 28%;
  bottom: inherit;
}

.banner_sec.faq_bnr_otr .bnr_content h3 {
  padding-bottom: 0;
}

.banner_sec.faq_bnr_otr .bnr_content h1 {
  font-family: "panton_narrow-trialregular";
  font-weight: 500;
}

.banner_sec.faq_bnr_otr .bnr_hdng {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.banner_sec.faq_bnr_otr .bnr_2nd_hdng p {
  width: 70%;
  margin: auto;
  text-align: center;
  line-height: 2;
}

.fre_sec {
  padding-bottom: 100px;
  overflow: hidden;
}

.fre_sec .panel {
  margin-bottom: 30px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  border: 1px solid #00a0a0;
  border-top: none;
  scroll-behavior: smooth;
}

.fre_sec .panel p {
  font-size: 22px;
  padding: 20px;
  font-family: "panton_narrow-trialregular";
  font-weight: 500;
}

.fre_sec .accordion {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 24px;
  font-family: "panton_narrow-trialbold";
  font-weight: 700;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #00a0a0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion.active {
  background-color: #00a0a0;
  color: #fff;
}

.accordion .wht_cmr {
  display: none;
}

.accordion.active .blk_cmr {
  display: none;
}

.accordion.active .wht_cmr {
  display: block;
}

.fre_aco {
  padding-top: 80px;
}

.accordion .fre_plsh {
  background-color: #00a0a0;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: auto;
  padding: 15px;
}

.accordion.active .fre_plsh {
  background-color: #fff;
}

.accordion.active .fre_plsh .fa-plus {
  color: #0080a0;
}

.accordion .fre_plsh .fa-plus {
  color: #fff;
}

.fre_quest {
  padding-top: 100px;
}

.fre_quest h2 {
  padding-bottom: 60px;
}

.fre_btn .cmn_btn {
  padding: 20px 70px;
  font-size: 20px;
  -webkit-box-shadow: 0px 5px 20px 3px #877f7f;
  box-shadow: 0px 5px 20px 3px #877f7f;
}

/* -------------------- Piya (FAQ Page 07.04.23) End -------------------- */
/* ayan dey 04.04.23  */
footer .nav-item {
  padding: 0;
}

footer .nav-item:nth-child(3) {
  padding: 0;
}

.evimge-cntnt h4 {
  color: #000 !important;
}

.frm_sbmt {
  border-color: 1px solid transparent !important;
  border-radius: 0;
}

/* Ankur 08.04.23 */

.fancybox-content {
  width: 70% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  height: 90vh !important;

}

.bckdrp-img {
  min-height: 482px;
}

.fancybox-slide--image {
  backdrop-filter: blur(30px);
}

.events .events_img .evimage {
  transition: all 0.4s ease-in;
  overflow: hidden;
}

.events .events_img:hover .evimage img {
  transform: scale(1.2);
}

.banner_sec .bnr_pic video {
  width: 100%;
}

.bnr_content {
  /* position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%); */
  display: none;
}

#header_id {
  position: static;
}

.cus_nav_outr {
  padding-bottom: 10px;
  padding-top: 10px;
}

.bnr_2nd_hdng .cmn_hdr p {
  color: #fff;
}

.bnr_content h3 {
  color: #fff;
}

.bnr_hdng span img {
  filter: brightness(0)invert(1);
}

.bnr_content h1 {
  color: #fff;
}

/* pabitra19.04.23 */

video::-webkit-media-controls {
  display: none !important;
}

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

/* ayon paul start / 20.04.2023 */

.evnt-bnt-txt h1 {
  color: #000;
}

.evnt-bnt-txt .bnr_2nd_hdng .cmn_hdr p {
  color: #000;
}

.bcdrp-bnr-txt h1 {
  color: #000;
}

.bcdrp-bnr-txt .bnr_2nd_hdng .cmn_hdr p {
  color: #000;
}

.fq-bnr-txt h3,
.fq-bnr-txt h1,
.fq-bnr-txt .bnr_2nd_hdng .cmn_hdr p {
  color: #000;
}

.cntct_bnr_content h3,
.cntct_bnr_content h1 {
  color: #000;
}

.fre_sec .panel p {
  font-size: 22px;
  padding: 20px;
}

#sb_instagram #sbi_images {
  flex-wrap: wrap;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
  width: 30% !important;
}

#sb_instagram .sbi_photo_wrap a {
  height: 200px !important;
}