@charset "utf-8"; /* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

* {

  margin: 0;

  padding: 0;

}

body {

  font-family: "Open Sans", sans-serif;

}

h1,

h2,

h3,

h4,

h5,

h6 {

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

}

a {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

ul,

ol {

  list-style: none;

  padding-left: 0;

}

img {

  max-width: 100%;

}

p {

  font-size: 16px;

  line-height: 26px;

  color: #080808;

}

.style_none {

  list-style: none;

  margin-bottom: 0;

}

.clearfix {

  clear: both;

}

.style_none {

  list-style: none;

}

.mt30 {

  margin-top: 30px;

}

ul.tick {

  list-style: none;

  padding: 0;

}

ul.tick li {

  position: relative;

  padding-left: 30px;

  font-size: 18px;

  line-height: 42px;

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

}

ul.tick li:before {

  font-family: "Font Awesome 5 Free";

  font-weight: bold;

  content: "\f0a9";

  position: absolute;

  top: 0;

  left: 0;

  color: #cf0d40;

}

.readmore {

  margin-top: 30px;

}

.readmore a {

  text-decoration: none;

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 17px 38px;

  font-size: 16px;

  font-weight: bold;

}

.readmore a:hover {

  background: #000;

  color: #fff;

}

.btn-primary {

  text-decoration: none;

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 15px 35px;

  font-size: 16px;

  font-weight: bold;

  border: none;

}

.btn-primary:hover {

  background: #000;

}

.btn-secondary {

  text-decoration: none;

  color: #000;

  background: #f9b341;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 15px 35px;

  font-size: 16px;

  font-weight: bold;

  border: none;

}

.title {

  position: relative;

  margin-bottom: 20px;

}

.title h1 {

  font-size: 58px;

  color: #cd0d40;

  font-weight: bold;

  line-height: 70px;

}

.title h1 span {

  display: block;

}

.title h2 {

  font-size: 58px;

  color: #cd0d40;

  font-weight: bold;

  line-height: 70px;

}

.title h2 span {

  display: block;

}

.title_center {

  text-align: center;

}

.title p {

  font-size: 24px !important;

  color: #000;

  margin-bottom: 0;

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

}

.tagline {

  color: #ff5b2e;

  font-size: 20px;

  font-weight: bold;

}

.container {

  max-width: 1170px;

}

.catering_items,

.Prepackage_items,

.Rental_items,

.speaker_packages,

.activity_packages,

.wedding_packages,

.lighting_packages {

  position: relative;

}

.add_catering_item,

.add_Rental_item,

.add_Prepackage_item,

.add_speaker_package,

.add_activity_package,

.add_wedding_package,

.add_lighting_package {

  position: absolute;

  right: 0;

  bottom: 0px;

}

/*************************************

    Header Start

*************************************/

/* .header-wrap {

  z-index: 1000;

  position: absolute;

  width: 100%;

  top: 10px;

  left: 0;

} */

.topbarbtn {

  margin: 0 0 0 20px;

}

.topbarbtn a {

  border: none;

  text-decoration: none;

  color: #fff;

  background: #cf0d40 !important;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 12px 18px;

  font-size: 14px;

  font-weight: bold;

}

.topbarbtn a:hover {

  background: #000 !important;

  color: #fff;

}

.header-wrap .navbar {

  float: right;

}

.navbar-nav li {

  padding: 0px 23px 0px 0px;

  position: relative;

}

.navbar-nav li:last-child {

  padding-right: 0;

}

.navbar-nav li:last-child .dropdown-menu li:first-child {

  display: none;

}

.navbar-expand-lg .navbar-nav .nav-link {

  padding: 0;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: bold;

}

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show > .nav-link {

  color: #d11f43;

}

.navbar-expand-lg .navbar-nav .nav-link {

  color: #000;

}

.navbar-expand-lg .navbar-nav .nav-link:hover {

  color: #ff5b2e;

}

.navbar-light .navbar-toggler {

  display: none;

}

.navbar-nav li:hover > .dropdown-menu {

  display: block;

  margin-top: 0;

  padding: 0;

}

.navbar-nav .dropdown-menu li {

  padding: 0;

}

.navbar-nav .dropdown-menu li a {

  font-size: 16px;

  text-decoration: none;

  display: block;

  padding: 8px 15px;

  line-height: normal;

  color: #000;

  font-weight: 600;

}

.navbar-nav .dropdown-menu li a:hover {

  background: #eee;

  color: #d11f43;

}

.header-info {

  border-bottom: 1px solid rgb(255 255 255 / 53%);

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.header-wrap .col-lg-2 {

  padding-left: 0;

}

.account-btn {

  float: right;

  margin-left: 10px;

}

.account-btn a {

  text-decoration: none;

  background: #ff5b2e;

  display: inline-block;

  color: #fff;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

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

  font-size: 14px;

  font-weight: bold;

  text-transform: uppercase;

  padding: 12px 20px;

  border-radius: 5px;

  width: 100%;

  text-align: center;

}

.account-btn img {

  padding-right: 10px;

}

.account-btn a i {

  color: #c1add1;

  font-size: 16px;

  padding-right: 5px;

}

.account-btn a:hover {

  background: #2a4562;

  color: #fff;

}

.account-btn a:hover i {

  color: #fff;

}

.close-toggler {

  display: none;

}

.header-wrap .logo {

  padding: 5px 0;

}

.header-wrap .conInfo {

  padding-top: 10px;

  position: relative;

  font-size: 16px;

  line-height: 27px;

}

.header-wrap .social_media {

  margin-left: 40px;

  margin-bottom: 0;

}

.header-info {

  display: flex;

  justify-content: space-between;

  margin-top: 25px;

  align-items: center;

}

.header_left {

  display: flex;

}

.header-wrap .phonewrp {

  padding-right: 22px;

}

/***

.header-wrap .phonewrp:before {

    content: "";

    background: url(../images/phone_icon.png) no-repeat;

    width: 46px;

    height: 46px;

    position: absolute;

    top: 5px;

    left: 0;

}

.emailInfo:before {

    content: "";

    background: url(../images/email.png) no-repeat !important;

    width: 46px;

    height: 46px;

    position: absolute;

    top: 5px;

    left: 0;

} *****/

.header-wrap .conInfo span {

  font-size: 17px;

  color: #000;

  display: block;

}

.main_home_header .conInfo span {

  color: #333;

}

.header-wrap .phonewrp a {

  font-size: 20px;

  color: #000;

  text-decoration: none;

}

.header-wrap .phonewrp a i {

  padding-right: 6px;

}

.header-wrap .phonewrp a:hover {

  color: #ea0000;

}

/*****

.header-wrap .phonewrp{border-right: 1px solid #d9d9d9; padding-right: 30px; margin-left: 30px;}*****/

.header-wrap .phonewrp + .phonewrp {

  border: none;

  padding-right: 0;

}

.emailInfo a {

  font-size: 18px !important;

}

.header-wrap .social_media li {

  display: inline-block;

  padding: 0 2px;

}

.header-wrap .social_media li a {

  text-decoration: none;

  background: #f5f5f5;

  color: #171a21;

  border-radius: 100%;

  width: 40px;

  height: 40px;

  display: block;

  line-height: 40px;

  text-align: center;

}

.header-wrap .social_media li a {

  background: #f5f5f5;

  width: 35px;

  height: 35px;

  line-height: 35px;

}

.mbquote {

  display: none;

}

/*********************************************

    slider options

**********************************************/

.banner-wrap {

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

  background-size: cover;

  padding: 150px 0px 0px 0px;

  position: relative;

}

.banner_sec {

  z-index: 999;

  position: relative;

}

.banner-wrap:after {

  content: "";

  background: url(../images/banner_after.png) no-repeat top;

  background-size: cover;

  width: 100%;

  height: 589px;

  position: absolute;

  bottom: -16px;

}

.banner-heading {

  margin-top: 180px;

}

.banner-image {

  text-align: right;

  margin-top: -270px;

  z-index: 9;

  position: relative;

  -webkit-animation: moveBounce 3s linear infinite;

  animation: moveBounce 3s linear infinite;

}

.banner-heading span {

  color: black;

  font-weight: bold;

  font-size: 30px;

}

.banner-heading h1 {

  color: #cf0d40;

  font-size: 76px;

  font-weight: bold;

}

.banner-heading h2 {

  color: #cf0d40;

  font-size: 76px;

  font-weight: bold;

}

/*

Keyframes Area Style

======================================================*/

@-webkit-keyframes moVebounce {

  0% {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

  }

  50% {

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }

  100% {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

  }

}

@keyframes moVebounce {

  0% {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

  }

  50% {

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }

  100% {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

  }

}

@-webkit-keyframes moveBounce {

  0% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

  }

  50% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

  }

}

@keyframes moveBounce {

  0% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

  }

  50% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

  }

}

@-webkit-keyframes FocuS {

  0% {

    opacity: 0;

  }

  75% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes FocuS {

  0% {

    opacity: 0;

  }

  75% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@-webkit-keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@keyframes rotation {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(359deg);

    transform: rotate(359deg);

  }

}

@-webkit-keyframes border-transform {

  0%,

  100% {

    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

  }

  14% {

    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;

  }

  28% {

    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;

  }

  42% {

    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;

  }

  56% {

    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

  }

  70% {

    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;

  }

  84% {

    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;

  }

}

@keyframes border-transform {

  0%,

  100% {

    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

  }

  14% {

    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;

  }

  28% {

    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;

  }

  42% {

    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;

  }

  56% {

    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

  }

  70% {

    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;

  }

  84% {

    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;

  }

}

/*********************************************

  Custom slider options

**********************************************/

.tp-banner-container {

  position: relative;

  z-index: 1;

  padding: 0;

  width: 100%;

  background: #000;

}

.tp-banner {

  position: relative;

  width: 100%;

}

.tp-caption {

  line-height: normal !important;

}

.tp-caption a {

  color: inherit !important;

}

.tp-bullets.simplebullets.round .bullet {

  border: 3px #fff solid;

  border-radius: 50%;

  background-image: none !important;

}

.tparrows {

  width: auto !important;

  height: auto !important;

  background-image: none !important;

}

.tp-arr-allwrapper {

  margin: 0 10px;

  width: 50px;

  height: 60px;

  border: 2px solid rgba(255, 255, 255, 0.5);

  color: #fff;

}

.tp-arr-allwrapper:hover .tp-arr-iwrapper {

  color: #fff;

}

.tp-leftarrow .tp-arr-allwrapper {

}

.tp-rightarrow .tp-arr-allwrapper {

}

.tp-arr-iwrapper {

  color: #fff;

  text-align: center;

  font-size: 30px;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  line-height: 60px;

}

.tp-leftarrow .tp-arr-iwrapper {

}

.tp-leftarrow .tp-arr-iwrapper:before {

  content: "\f104";

}

.tp-rightarrow .tp-arr-iwrapper:before {

  content: "\f105";

}

.tp-rightarrow .tp-arr-iwrapper {

}

.slide-h1 {

  margin: 5px 0 !important;

  padding: 0 0 10px !important;

  padding-bottom: 5px !important;

  color: #444;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 57px;

}

.slide-h2 {

  margin: 5px 0 !important;

  padding: 0 0 10px !important;

  padding-bottom: 5px !important;

  color: #555;

  font-weight: bold;

  font-size: 55px;

  line-height: 100%;

}

.big-font {

  text-transform: uppercase;

  font-weight: 800;

  font-size: 60px;

}

.large-desc {

  font-size: 16px;

}

.slide-h3 {

  color: #fff;

  font-size: 31px;

  line-height: 100%;

}

.slide-h3 span {

  text-transform: uppercase;

  font-weight: bold;

}

.slide-head {

  text-transform: uppercase;

  font-weight: 900;

  font-size: 30px;

}

.slide-desc {

  font-size: 22px;

  line-height: 150%;

}

.main-title {

  text-transform: uppercase;

  font-weight: 800;

  font-size: 70px;

}

.icon-cont {

  padding: 15px 40px;

  border-radius: 10px;

  text-align: center;

}

.icon-cont:after {

  position: absolute;

  bottom: -10px;

  left: 40%;

  z-index: 5;

  display: inline-block;

  width: 0;

  height: 0;

  border-width: 10px 10px 0 10px;

  border-style: solid;

  content: "";

}

.icon-cont i {

  margin-bottom: 10px;

  color: #fff;

  font-size: 50px;

}

.icon-cont span {

  display: block;

  padding: 0 0 5px;

  color: #fff;

  text-align: center;

  font-size: 18px;

}

a.wit-btn {

  background: #fff;

  color: #333 !important;

  text-transform: uppercase;

}

.wit-line {

  width: 5%;

  height: 1px;

  background: #fff;

}

.vert-line {

  min-height: 270px;

  width: 1px;

  background: #fff;

}

.subTxt {

  text-transform: uppercase;

  font-weight: bold;

  font-size: 17px;

  color: #333;

}

.large-title {

  color: #222;

  font-size: 60px;

  font-weight: 800;

  text-transform: uppercase !important;

}

.large-light-title {

  color: #787878 !important;

  font-size: 70px;

  font-weight: lighter;

  text-transform: uppercase;

  letter-spacing: 2px;

}

.large-text {

  font-size: 20px;

  color: #000;

  font-weight: lighter;

}

.larger-text {

  font-size: 24px;

  font-weight: lighter;

  text-transform: uppercase;

}

.witTxt {

  color: #fff !important;

}

.light-font {

  font-weight: lighter !important;

  font-size: 50px;

}

.black-bg {

  background: rgba(0, 0, 0, 0.63);

  color: #a8a8a8;

  text-transform: none;

}

.lft-list {

  padding: 10px;

  font-size: 18px;

  color: #fff;

}

.wit-border {

  border: 1px #fff solid;

  padding: 15px 60px;

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

}

.rounded-bord {

  margin-right: 15px;

  border: 1px #fff solid;

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  font-size: 13px;

  border-radius: 50%;

}

#vertical-ticker {

  height: 120px;

  overflow: hidden;

}

#vertical-ticker li {

  padding: 15px 20px;

  display: block;

  text-align: center;

}

.to-bottom i.fa {

  font-size: 30px;

  border: 2px #a8a8a8 solid;

  padding: 20px 22px;

  border-radius: 50%;

  -webkit-animation: bounce 2s infinite linear;

  animation: bounce 2s infinite linear;

}

.slidertext1 {

  color: #fff;

  font-size: 40px;

  line-height: 40px !important;

  font-weight: bold !important;

  padding: 15px 0;

  text-transform: none !important;

  text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

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

  text-align: left;

}

.slidertext1 span {

  color: #fff;

}

.slidetextbg {

  background: rgb(207 13 64 / 60%);

  border-radius: 25px;

  height: 220px;

  max-width: 1170px;

  width: 100%;

}

.small_text {

  color: #fff;

  letter-spacing: 7px;

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

  font-size: 30px !important;

  font-weight: normal !important;

  text-shadow: none !important;

}

.slidertext2 {

  color: #fff;

  font-size: 56px;

  font-weight: normal;

  padding: 15px 0;

  text-transform: inherit !important;

  font-weight: bold !important;

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

  text-align: center;

  line-height: 56px !important;

  max-width: 1170px !important;

  white-space: break-spaces;

  text-align: center;

}

.slidertext3 span {

  display: block;

  margin-top: 12px;

}

.slidertext4 a {

  color: #fff !important;

  font-size: 16px;

  border-radius: 7px;

  box-shadow: 0px 11px 19px rgb(0 0 0 / 32%);

  font-weight: 700;

  padding: 18px 40px;

  font-family: "Open Sans", sans-serif;

  text-transform: uppercase !important;

  text-align: left;

  background: #f49a23;

}

.slidertext4 a:hover {

  background: #fff;

  color: #000 !important;

  border-color: #ffc501;

}

a.slidebtn {

  background: #e76ba9;

  color: #fff !important;

  padding: 15px 30px;

  font-size: 16px;

  font-weight: normal !important;

  text-transform: none !important;

  display: inline-block;

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

}

a.slidebtn i {

  margin-left: 10px;

}

.slidertext5 a {

  border: none;

  background: #018a01;

  padding: 20px 50px;

}

.slidertext5 a:hover {

  background: #ffc501;

  color: #000 !important;

}

@-webkit-keyframes bounce {

  0% {

    transform: translateY(0%);

  }

  50% {

    transform: translateY(-30%);

  }

  100% {

    transform: translateY(0);

  }

}

/* Mozilla Firefox 15 below */

@-moz-keyframes bounce {

  0% {

    transform: translateY(0%);

  }

  50% {

    transform: translateY(-30%);

  }

  100% {

    transform: translateY(0);

  }

}

/* Opera 12.0 */

@-o-keyframes bounce {

  0% {

    transform: translateY(0%);

  }

  50% {

    transform: translateY(-30%);

  }

  100% {

    transform: translateY(0);

  }

}

/* W3, Opera 12+, Firefox 16+ */

@keyframes bounce {

  0% {

    transform: translateY(0%);

  }

  50% {

    transform: translateY(-30%);

  }

  100% {

    transform: translateY(0);

  }

}

/*********************************************

    slider options

**********************************************/

.about-wrap {

  padding: 80px 0;

}

.about_left {

  padding-right: 30px;

}

.about-wrap p {

  color: #6c6c6c;

}

.welcome-one__left {

  position: relative;

  display: block;

  margin-right: 40px;

  z-index: 3;

  margin-left: 50px;

}

.welcome-one__img-box {

  position: relative;

  display: block;

}

.welcome-one__img {

  position: relative;

  display: block;

  overflow: hidden;

}

.welcome-one__img:after {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(

    to right,

    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.3) 100%

  );

  transform: skewX(-25deg);

  z-index: 1;

}

.welcome-one__img-box:hover .welcome-one__img:after {

  -webkit-animation: shine 1.5s;

  animation: shine 1.5s;

}

.welcome-one__img img {

  width: 100%;

}

.welcome-one__small-img {

  position: absolute;

  bottom: -60px;

  right: -60px;

  z-index: 2;

}

.welcome-one__small-img:before {

  position: absolute;

  top: -32px;

  left: 0;

  right: 0;

  content: "";

  height: 12px;

  background-color: #b96d2a;

}

.welcome-one__small-img img {

  width: auto;

}

.welcome-one__experience {

  position: absolute;

  top: 80px;

  left: -60px;

  height: 172px;

  width: 172px;

  background-color: #fff;

  border: 1px solid #dee3e8;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  flex-direction: column;

  z-index: 2;

}

.welcome-one__experience:before {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  content: "";

  background-image: url(../images/welcome-one-bdr-shape.png);

  background-repeat: no-repeat;

  background-position: center center;

}

.welcome-one__experience::after {

  position: absolute;

  bottom: -50px;

  left: -1px;

  right: 0;

  content: "";

  width: 0;

  border-left: 60px solid transparent;

  border-top: 50px solid #d2d2d2;

}

.welcome-one__experience h3 {

  font-size: 62px;

  color: #b96d2a;

  font-weight: 700;

  line-height: 42px;

}

.welcome-one__experience p {

  margin: 0;

  color: #b96d2a;

  line-height: 22px;

  font-weight: bold;

}

/*************************************

    Services-wrap Start

*************************************/

.services-wrap {

  padding: 70px 0 20px 0;

  position: relative;

}

.services-wrap:before {

  content: "";

  background: url(../images/service_before.png) no-repeat top;

  z-index: -1;

  position: absolute;

  top: 140px;

  left: 0;

  width: 100%;

  height: 1250px;

}

.services-wrap-ni {

  background: none;

}

.service_info h3 {

  margin-top: 30px;

}

.service_info h3 a {

  font-size: 30px;

  color: #242429;

  text-decoration: none;

}

.service_info h3 a:hover {

  color: #cd0d40;

}

.service_info p {

  color: #000;

}

.service_box {

  margin: 20px 0;

  text-align: center;

}

.service_btn {

  text-transform: uppercase;

}

.services-wrap .title p {

  color: #242429;

  font-weight: 500;

  font-size: 24px;

}

.services-wrap .title h1 {

  font-size: 50px;

  color: #242429;

}

.services-wrap .title {

  margin-bottom: 70px;

}



.services-wrap .title h2 {

  font-size: 50px;

  color: #242429;

}

/*************************************

        Event Gallery Start

*************************************/

.gallery-img {

  margin-bottom: 30px;

  border-radius: 10px;

}

.gallery-img {

  position: relative;

  overflow: hidden;

}

.gallery-img img {

  width: 100%;

  transform: scale(1);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.gallery-img:hover img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.evnet-wrap .readmore a {

  font-size: 18px;

}

.evnet-wrap {

  text-align: center;

  margin-top: 65px;

  border-top: 1px solid #d3d2df;

  padding-top: 59px;

}

.evnet-wrap .title {

  margin-bottom: 40px;

}

.evnet-wrap .title h1 {

  font-weight: bold;

  font-weight: bold;

  margin-bottom: 0;

}

.evnet-wrap .title h2 {

  font-weight: bold;

  font-weight: bold;

  margin-bottom: 0;

}

.gallery-img {

  position: relative;

  overflow: hidden;

}

.event_hover h3 {

  color: #fff;

  font-size: 24px;

}

.event_hover {

  text-align: center;

  justify-content: space-between;

  padding: 120px 22px 20px 22px;

  position: absolute;

  -webkit-transition: all 0.4s ease-out;

  -moz-transition: all 0.4s ease-out;

  -ms-transition: all 0.4s ease-out;

  -o-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  bottom: 0;

  left: 0;

  width: 100%;

  background: -moz-linear-gradient(

    top,

    rgba(255, 255, 255, 0) 0%,

    rgba(0, 0, 0, 1) 100%

  );

  background: -webkit-linear-gradient(

    top,

    rgba(255, 255, 255, 0) 0%,

    rgba(0, 0, 0, 1) 100%

  );

  background: linear-gradient(

    to bottom,

    rgba(255, 255, 255, 0) 0%,

    rgba(0, 0, 0, 1) 100%

  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);

}

.evnet-wrap .title span {

  color: #cd0d40;

  font-size: 28px;

  font-weight: bold;

}

/*************************************

        Call Start

*************************************/

.call_wrap h1 {

  text-align: center;

  color: white;

  font-size: 56px;

  font-weight: bold;

}

.call_wrap h2 {

  text-align: center;

  color: white;

  font-size: 56px;

  font-weight: bold;

}

.call_wrap p {

  color: #fff;

}

.call_bx {

  margin: 0 0 100px 0px;

  border-radius: 20px;

  padding: 100px 0px;

  background: url(../images/call-to-action-bg.jpg) no-repeat bottom;

  background-size: cover;

}

.call_wrap .d-flex {

  justify-content: center;

  align-items: center;

  margin-top: 40px;

}

.call_wrap .readmore {

  margin-top: 0;

  border-right: 1px solid #dd5d7f;

  padding-right: 40px;

}

.call_wrap .readmore a {

  background: #f9b341;

  color: #000;

  font-size: 18px;

  font-weight: bold;

}

.call_wrap .readmore a:hover {

  color: #000;

  background: #fff;

}

.call_wrap .phonewrp {

  padding-left: 42px;

  position: relative;

}

.call_wrap .conInfo span {

  font-size: 16px;

  color: #fff;

  display: block;

  font-weight: 600;

}

.call_wrap .phonewrp a {

  font-size: 42px;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  line-height: 24px;

}

.call_wrap .phonewrp a:hover {

  color: #f9b341;

}

.call_wrap .phonewrp i {

  padding-right: 7px;

}

.cateringcall-bg {

  margin-top: 40px;

  position: relative;

}

.cateringcall-bg .readmore {

  position: absolute;

  bottom: 68px;

  left: 0;

  right: 0;

}

/*************************************

        Footer Start

*************************************/

.footer_wrap {

  background: #55c9d1;

  padding: 100px 0 20px 0;

  position: relative;

}

.footer_wrap:before {

  content: "";

  background: url(../images/footer_before.png) no-repeat;

  background-size: cover;

  width: 100%;

  height: 91px;

  position: absolute;

  top: -3px;

  left: 0;

}

.footer-logo-box {

  padding: 40px 0 0 0;

  text-align: center;

}

.social_media li {

  display: inline-block;

}

.social_media li a {

  text-decoration: none;

  background: #fff;

  color: #000;

  border-radius: 100%;

  width: 40px;

  height: 40px;

  display: block;

  line-height: 40px;

  text-align: center;

}

.social_media li:nth-child(1) a:hover {

  background: #3b548b;

  color: #fff;

}

.social_media li:nth-child(2) a:hover {

  background: #d72c71;

  color: #fff;

}

.social_media li:nth-child(3) a:hover {

  background: #cf2527;

  color: #fff;

}

.footer_logo {

  margin-bottom: 20px;

}

.social_media li:nth-child(4) a:hover {

  background: #de624f;

  color: #fff;

}

.social_media li:nth-child(5) a:hover {

  background: #0e74b2;

  color: #fff;

}

.footer_wrap .social_media {

  padding-top: 20px;

  margin-top: 26px;

}

.pdl-2 {

  padding-left: 20px;

}

.footer-logo-box p {

  color: #bcc5d0;

  font-size: 14px;

}

.quick-links h2 {

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  margin-top: 40px;

  margin-bottom: 20px;

}

.social-icons ul {

  list-style: none;

  padding: 0;

  display: flex;

  margin-top: 24px;

  margin-bottom: 20px;

}

.social-icons ul li {

  margin: 0 3px;

}

.quick-links {

  margin-bottom: 30px;

}

.footer-info {

  margin-left: 30px;

}

.quick-links ul {

  list-style: none;

  margin-bottom: 0;

  padding: 0;

}

.quick-links ul li {

  margin-bottom: 8px;

}

.quick-links ul li i {

  color: #bcc5d0;

  margin-right: 5px;

}

.quick-links ul li a {

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

}

.quick-links ul li a:hover {

  color: #f9b341;

}

.footer-text p {

  font-style: italic;

  color: #fff;

  font-size: 17px;

  line-height: 30px;

}

.footer-info ul li {

  display: flex;

  margin-bottom: 15px;

}

.footer-contact-detail p {

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400;

  color: #bcc5d0;

}

.quick-links ul li .icon-box i {

  background: #1f4b9b;

  color: #fff;

  border-radius: 100%;

  font-size: 20px;

  margin-right: 15px;

  width: 41px;

  height: 41px;

  line-height: 41px;

  text-align: center;

}

.footer-info ul li a {

  color: #fff;

}

.phonenum a {

  font-size: 20px !important;

}

.copy-right {

  padding: 15px 0;

}

.copy-right p {

  margin-bottom: 0;

  color: #000;

  font-size: 16px;

}

.credit a {

  color: #000;

  text-decoration: none;

}

.credit a:hover {

  color: #d11f43;

}

.footer_wrap .call-us {

  position: relative;

  padding-left: 65px;

  text-align: left;

  margin-bottom: 20px;

}

.footer_wrap .call-us:before {

  content: "";

  background: url(../images/footer-icon-3.png) no-repeat;

  color: #fff;

  position: absolute;

  top: 0;

  left: 0;

  width: 49px;

  height: 47px;

}

.footer_wrap .call-us.phone:before {

  background: url(../images/footer-icon-1.png) no-repeat;

}

.footer_wrap .call-us.email:before {

  background: url(../images/footer-icon-2.png) no-repeat;

}

.footer_wrap .call-us.email {

  margin-bottom: 0;

}

.footer_wrap .call-us span {

  display: block;

  font-weight: normal;

  font-size: 14px;

  color: #000;

}

.footer_wrap .call-us a {

  color: #fff;

  font-size: 16px;

  text-decoration: none;

  font-weight: 600;

}

.footer_wrap .call-us a:hover {

  color: #f9b341;

}

.footer_wrap .phone a {

  font-size: 20px;

}

.icon-box {

  margin-top: 6px;

}

#christmasModal .modal-content {

  background: transparent;

  border: none;

}

#christmasModal .close {

  position: absolute;

  right: 10px;

  top: 18%;

  width: 36px;

  height: 36px;

  background: transparent;

  border: none;

  color: #fff;

  font-size: 36px;

  line-height: 36px;

  z-index: 20;

}

#christmasModal .modal-lg {

  max-width: 900px;

}

/*********************************************

        Page Title css

*********************************************/

.pagetitle-wrap {

  background-color: #ffd9e3;

  padding: 240px 0px 180px 0px;

  position: relative;

}

.pagetitle-wrap h1 {

  margin-bottom: 0;

  margin-top: 10px;

  font-size: 48px;

  color: #000;

  font-weight: bold;

  text-align: center;

}

.pagetitle-wrap h2 {

  margin-bottom: 0;

  margin-top: 10px;

  font-size: 48px;

  color: #000;

  font-weight: bold;

  text-align: center;

}

.pagetitle-wrap:after {

  content: "";

  background: url(../images/banner_after.png) no-repeat top;

  background-size: cover;

  width: 100%;

  height: 589px;

  position: absolute;

  bottom: -16px;

}

.breadcrub-content {

  display: flex;

  align-items: center;

  flex-direction: column;

  margin-top: 30px;

}

.breadcrub-content ul li {

  display: inline-block;

  padding-right: 20px;

  color: #bf0b30;

  text-transform: capitalize;

  font-weight: 600;

  font-size: 16px;

  position: relative;

  opacity: 0.5;

}

.breadcrub-content ul li a {

  color: #000000ad;

  text-decoration: none;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

.breadcrub-content ul li a:hover {

  text-decoration: underline;

}

.breadcrub-content ul li::after {

  position: absolute;

  top: 0;

  right: 0;

  content: "/";

  color: #000000ad;

}

.breadcrub-content ul li:last-child {

  padding-left: 10px;

  padding-right: 0;

}

.breadcrub-content ul li:last-child::after {

  display: none;

}

.pageContnet-wrap {

  padding: 40px 0;

}

/*********************************************

        Contact css

*********************************************/

.inner-pages {

  padding: 60px 0;

}

.contactWrap {

  position: relative;

}

.contactWrap .form-group {

  margin-bottom: 15px;

}

.contactWrap .form-group label {

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 6px;

  color: #455892;

}

.contactWrap .form-group .form-control {

  height: 51px;

  font-size: 16px;

  box-shadow: none;

  padding: 0.5rem 0.75rem;

  border: 1px solid #e0ecf5;

  background-clip: initial;

  font-weight: 400;

  line-height: 1.5;

  border-radius: 0px;

  color: #212529;

  display: block;

  width: 100%;

  transition:

    border-color 0.15s ease-in-out,

    box-shadow 0.15s ease-in-out;

}

.contactWrap .form-group .form-control.simple {

  background: #f2f3f5;

  border-color: #f2f3f5;

}

.contactWrap .form-group textarea.form-control {

  height: 130px;

}

.submit_btn {

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px !important;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 18px 40px;

  font-size: 16px;

  border: none;

  text-transform: uppercase;

  font-weight: bold;

}

.submit_btn:hover {

  background: #000;

}

.contact-info {

  margin-left: 1rem;

}

.contactWrap h2 {

  line-height: 30px;

  font-size: 30px;

  color: #2d3954;

  font-weight: 700;

  text-transform: capitalize;

}

.contact-info p {

  margin: 0 0 10px;

  color: #4e5c79;

  font-size: 16px;

  line-height: 24px;

  font-weight: 400;

}

.cn-info-detail {

  position: relative;

  margin-top: 1.5rem;

  display: flex;

  align-items: flex-start;

  flex-direction: row;

  flex-wrap: wrap;

  align-content: center;

  justify-content: flex-start;

}

.cn-info-icon {

  float: left;

  display: inline-block;

  width: 70px;

  height: 50px;

  text-align: center;

}

.cn-info-icon i {

  font-size: 35px;

  color: #d11f43;

}

.cn-info-title {

  line-height: 20px;

  color: #2d3954;

  font-weight: 700;

  text-transform: capitalize;

  font-size: 15px;

  margin-bottom: 2px;

}

.cn-info-content p,

.cn-info-content p a {

  background: #fff;

  color: #4e5c79;

  text-decoration: none;

  font-size: 15px;

  margin: 0;

  overflow-x: hidden !important;

  font-weight: 400;

}

.mapp-google {

  position: relative;

  width: 100%;

}

.mapp-google iframe {

  position: relative;

  width: 100%;

  height: 350px;

}

.cn-info-content p a:hover {

  color: #fd4a36;

}

.itembx {

  border: 1px solid #cfcfcf;

  padding: 20px 10px 0px 10px;

  text-align: center;

  border-radius: 6px;

  height: 100%;

  font-size: 14px;

  line-height: 24px;

}

.itembx h3 {

  font-size: 20px;

  text-align: center;

  margin-bottom: 10px;

  margin-top: 15px;

}

.item_list .cateitembox {

  margin: 0 0 15px 0;

}

.itemImg img {

  width: 100%;

}

.callbar {

  margin-top: 40px;

  text-align: center;

  background: #cd0d40;

  padding: 40px 40px;

}

.callbar p {

  color: #fff;

  font-size: 24px;

  font-weight: bold;

  font-style: italic;

}

.callbar .readmore a {

  background: #fff;

  color: #000;

}

.packageWrp {

}

.packageWrp > li {

  border: 1px solid #cfcfcf;

  padding: 40px;

  margin-top: 30px;

}

.item_list p {

  font-size: 14px;

  margin-top: 10px;

  margin-bottom: 0;

}

.nav-tabs {

  margin-bottom: 20px;

  margin-top: 20px;

}

.nav-tabs .nav-link {

  padding: 10px 25px;

  font-size: 16px;

  font-weight: 600;

  background: #eee;

  margin-right: 10px;

}

.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

  background: #cf0d40;

  color: #fff;

}

.cateitembox {

  border: 1px solid #cfcfcf;

  padding: 20px;

  border-radius: 6px;

  height: 100%;

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 15px;

}

.cateitembox h3 {

  font-size: 24px;

}

.cateitembox .itemImg {

  height: 200px;

  overflow: hidden;

  background: #eee;

}

.cateitembox .itemImg img {

  height: 200px;

  object-fit: contain;

}

.cateitembox ul {

  list-style: disc;

  margin-left: 30px;

  columns: 2;

  -webkit-columns: 2;

  -moz-columns: 2;

}

/*************************************

        Gallery Start

*************************************/

.gallery-wrap {

  padding: 70px 0;

  position: relative;

  overflow: hidden;

}

.gallery-wrap .title h1 {

  font-size: 48px;

}

.gallery-wrap .title h2 {

  font-size: 48px;

}

.gallery-wrap:after {

  content: "";

  background: url(../images/gallery_before.png) no-repeat top;

  background-size: cover;

  position: absolute;

  bottom: -90px;

  z-index: -1;

  left: 0;

  height: 769px;

  width: 657px;

}

.gallery-wrap {

  padding: 50px 0;

}

.gallery-wrap ul li {

  margin: 15px 0;

}

.portfolio-overley {

  z-index: 1000;

  position: absolute;

  width: 100%;

  height: 100%;

  display: block;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgb(0 35 90 / 53%);

  text-align: center;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.gallery-wrap .content,

.gallery-wrap .content {

  z-index: 1000;

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

}

.gallery-wrap .content .image-link,

.gallery-wrap .content .image-link {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 50px;

  height: 50px;

  color: #0056e0;

  line-height: 50px;

  background: #fff;

  display: block;

  font-size: 16px;

  z-index: 1;

  text-align: center;

  margin-left: -25px;

  margin-top: -25px;

  border-radius: 100%;

}

.gallery-wrap .galleryImg {

  position: relative;

  overflow: hidden;

  position: relative;

  overflow: hidden;

  height: 270px;

  display: flex;

  align-items: center;

}

.gallery-wrap .galleryImg:hover .portfolio-overley,

.galley_inner .galleryImg:hover .portfolio-overley {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.pageContnet-wrap .col-lg-4 {

  margin: 15px 0;

}

.gallerybox {

  position: relative;

}

.gallerybox:after {

  content: "";

  background: #55c9d1;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.djpkglist li {

  margin-bottom: 30px;

}

.packagebox {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

  border-radius: 5px;

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

  padding: 20px;

  transition: ease 0.5s;

}

.packagebox:hover {

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

  scale: 1.05;

}

.totalcredits {

  font-size: 18px;

  font-weight: 700;

}

.pkgprice {

  font-size: 24px;

  color: #cd0d40;

  font-weight: 700;

  margin-bottom: 10px;

}

.pkgprice strong {

  color: #333;

  text-decoration: line-through;

  font-weight: 700;

}

.credittxt {

  font-size: 14px;

  font-style: italic;

  margin-bottom: 10px;

}

.pkgtitle {

  margin-bottom: 10px;

}

.pkgtitle i {

  color: #55c9d1;

}

.pkgcontent {

  flex-grow: 1;

  margin-bottom: 10px;

}

.packagebox .btn {

  margin-top: auto;

  text-decoration: none;

  color: #fff;

  background: #f9b341;

  border-radius: 5px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 10px 20px;

  font-size: 16px;

  font-weight: bold;

  border: none;

}

.packagebox .btn:hover {

  background: #000;

}

/*********************************************

        Carnival Game css

*********************************************/

.game-wrap {

  padding: 70px 0;

}

.gameImg img {

  border: 5px solid #fff;

  box-shadow: 0 0 20px rgb(0 0 0 / 17%);

}

.gamelist {

  position: relative;

  padding-left: 30px;

  font-size: 18px;

  line-height: 55px;

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

  border: 1px solid #e9e9e9;

  margin: 12px 0;

  padding: 0 12px 0 51px;

  background: #fff;

}

.gamelist:before {

  font-family: "Font Awesome 5 Free";

  font-weight: bold;

  content: "\f0a9";

  position: absolute;

  top: 0;

  left: 20px;

  color: #cf0d40;

}

.game-wrap blockquote {

  margin-top: 40px;

  background: #fff2f4;

  color: #000;

  padding: 18px 30px;

  border-left: 6px solid #d11f43;

  font-style: italic;

  font-weight: bold;

}

.panel-lefttxt h3,

.panel-righttxt h3,

.panel-btmleft h3,

.panel-btmright h3 {

  font-size: 18px;

  color: #d11f43;

  margin-bottom: 6px;

  margin-top: 23px;

}

.modalrow {

  text-align: center;

}

.package_row .close {

  border: none;

  width: 40px;

  height: 40px;

  font-size: 24px;

  border-radius: 100%;

}

.package_row .close:hover {

  background: #cd0d40;

  color: #fff;

}

.modal_paragh {

  font-size: 16px;

  line-height: 30px;

  text-align: left;

  color: #747474;

}

.modal_paragh strong {

  display: block;

  color: #000;

}

.modalrow h5 {

  color: #cd0d40;

  margin-bottom: 15px;

}

.newsletter_wrap {

  background: url(../images/newsletter-bg.jpg) no-repeat bottom;

  background-size: cover;

  padding: 50px;

  border-radius: 5px;

}

.newsletter_wrap .form-control {

  height: 60px;

}

.newsletter_wrap .row {

  align-items: center;

}

.newsletter_wrap h3 {

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

}

.newsletter_wrap .submit_btn {

  background: #f9b341;

  color: #000;

}

.newsletter_wrap .submit_btn:hover {

  background: #000;

  color: #fff;

}

.page-item.disabled .page-link {

  color: #cf0d40;

  pointer-events: none;

  background-color: #fff;

  border-color: #dee2e6;

}

.page-item.active .page-link {

  z-index: 3;

  color: #fff;

  background-color: #cf0d40;

  border-color: #cf0d40;

}

.page-link {

  position: relative;

  display: block;

  color: #cf0d40;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #dee2e6;

  transition:

    color 0.15sease-in-out,

    background-color 0.15sease-in-out,

    border-color 0.15sease-in-out,

    box-shadow 0.15sease-in-out;

}

/*********************************************

        Blog css

*********************************************/

.blog-wrap {

  padding: 60px 0;

}

.blog-wrap .title h1 {

  font-size: 26px;

  color: #000;

  font-weight: 300;

  letter-spacing: 6px;

  text-transform: uppercase;

}

.blog-wrap .title h1 span {

  font-size: 46px;

  color: #0098b1;

  font-weight: bold;

  letter-spacing: 0;

}





.blog-wrap .title h2 {

  font-size: 26px;

  color: #000;

  font-weight: 300;

  letter-spacing: 6px;

  text-transform: uppercase;

}

.blog-wrap .title h2 span {

  font-size: 46px;

  color: #0098b1;

  font-weight: bold;

  letter-spacing: 0;

}





.blog-wrap .title:before {

  content: "";

  background: #0549b1;

  width: 42px;

  height: 2px;

  position: absolute;

  bottom: -16px;

  left: 0;

}

.thumb-blog-default {

  margin-bottom: 30px;

}

.single-widgets {

  border: 1px solid #e5e8f3;

  padding: 30px 28px 35px;

  margin: 0 0 40px;

}

.single-widgets:hover {

  border-color: #0549b1;

}

.single-widgets.widget_search form {

  position: relative;

}

.thumb-blog-default h3 a {

  font-size: 24px;

  text-decoration: none;

  color: #000;

}

.thumb-blog-default h3 a:hover {

  color: #0549b1;

}

.thumb-blog-default p {

  font-size: 14px;

  line-height: 24px;

}

.post-meta > span {

  margin-right: 10px;

  padding-right: 10px;

  border-right: 1px solid #e1e1e1;

}

.post-meta span {

  color: #a5a5a5;

  font-size: 13px;

}

.post-meta > span:last-child {

  border-right: none;

}

.single-widgets h4 {

  line-height: 26px;

  font-size: 21px;

}

.media {

  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important;

}

.thumb-blog-default {

  margin-bottom: 40px;

  padding-bottom: 40px;

  border-bottom: 1px solid #e5e8f3;

}

.post-image {

  width: -webkit-fill-available;

}

.single-widgets.widget_search form input[type="search"] {

  border-radius: 4px;

  border: 1px solid #ebedf5;

  background: #f9fafc;

  font-size: 12px;

  padding: 10px 70px 10px 16px;

  height: 60px;

  width: 100%;

}

.thumb-blog-default .readmore {

}

.thumb-blog-default .readmore a:hover {

  background: #000;

}

.single-widgets.widget_search form button {

  position: absolute;

  right: 5px;

  top: 5px;

  bottom: 0px;

  cursor: pointer;

  border-radius: 4px;

  background: #0549b1;

  color: #ffffff;

  border: 0;

  font-size: 14px;

  line-height: 50px;

  height: 50px;

  width: 52px;

}

.single-widgets.widget_category ul {

  padding: 0;

  list-style: none;

}

.single-widgets.widget_category ul li {

  display: block;

  border-bottom: 1px solid #eaeaea;

  padding: 11px 0;

}

.single-widgets.widget_category ul li a {

  text-decoration: none;

  color: #000;

  font-size: 14px;

}

.single-widgets.widget_category ul li a:hover {

  color: #0549b1;

}

.single-widgets.widget_category ul li:first-child {

  border-top: none;

}

.single-widgets.widget_category ul li a span {

  float: right;

}

.blog-pagination a {

  display: inline-block;

  width: 50px;

  height: 50px;

  text-align: center;

  text-decoration: none;

  line-height: 50px;

  color: #0549b1;

  border: 1px solid #0549b1;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  margin: 3px;

}

.blog-pagination a:hover,

.blog-pagination a.active {

  background: #0549b1;

  color: #ffffff;

}

.blog_del {

  border: none;

}

.blog_del .post-image {

  margin-bottom: 30px;

  max-width: inherit;

  text-align: center;

  margin-right: 0;

}

.blog_del h3 {

  margin-top: 10px;

  line-height: 26px;

  font-size: 26px;

}

blockquote {

  font-size: 14px;

  font-style: italic;

  line-height: 24px;

  background: #edf8ff;

  padding: 25px;

  border-left: 8px solid #0549b1;

  margin: 20px 0;

}

.thumb-blog-default .media {

  display: flex;

}

/** New Stylings **/

.prepackaged .nav-tabs {

  display: block;

  text-align: center;

  border: 0;

  margin-top: 15px;

}

.prepackaged .nav-tabs .nav-item {

  display: inline-block;

  vertical-align: middle;

  margin: 0 10px;

}

.prepackaged .nav-tabs .nav-link {

  border: 1px solid #cd0d40;

  color: #cd0d40;

  font:

    500 20px/24px "Poppins",

    sans-serif;

  min-width: 150px;

  margin-bottom: 15px;

  border-radius: 30px;

  transition: all ease 0.5s;

}

.prepackaged .nav-tabs .nav-link:hover,

.prepackaged .nav-tabs .nav-link.active {

  border-color: #cd0d40;

  background: #cd0d40;

  color: #fff;

}

.prepackaged .owl-controls .owl-nav {

  position: static;

  text-align: center;

  margin-top: 20px;

}

.prepackaged .owl-controls .owl-prev,

.prepackaged .owl-controls .owl-next {

  display: inline-block;

  margin: 0 5px;

  border: 0;

  color: #000;

  font-size: 31px;

  text-align: center;

  line-height: normal;

}

.prepackaged .owl-controls .owl-next {

  left: auto;

  right: 0;

}

.prepackaged .owl-carousel .owl-item img {

  width: 100%;

  height: 100%;

  object-fit: fill;

  display: block;

}

#myTabContent .tab-content .tab-pane {

  display: block;

  opacity: 0;

  visibility: hidden;

  height: 0;

  overflow: hidden;

}

#myTabContent .tab-content .tab-pane.active {

  opacity: 1;

  visibility: visible;

  height: auto;

}

.tab-content > .tab-pane {

  display: block;

}

.fade:not(.show) {

  opacity: 0;

  visibility: hidden;

  height: 0;

  overflow: hidden;

}

.modal .form-holder {

  padding-top: 15px;

  display: none;

}

.modal .form-holder .form-control {

  background: #f2f3f5;

  height: 51px;

  font-size: 16px;

  box-shadow: none;

  padding: 0.5rem 0.75rem;

  border: 1px solid #f2f3f5;

  font-weight: 400;

  line-height: 1.5;

  border-radius: 0px;

  color: #212529;

  display: block;

  width: 100%;

}

.thumbnails {

  margin-top: 10px;

}

.thumbnails .thumbnail-item .ctimgbox {

  display: block;

  height: 50px;

  overflow: hidden;

}

.thumbnails .owl-nav div {

  position: absolute;

  bottom: 50%;

  margin-bottom: -12px;

}

.thumbnails .owl-nav div.owl-prev {

  left: -14px;

}

.thumbnails .owl-nav div.owl-next {

  right: -14px;

}

.thumbnails .owl-stage {

  margin: 0 auto;

}

@media screen and (max-width: 1120px) {

  .navbar-expand-lg .navbar-nav .nav-link {

    text-transform: none;

  }

}

@media screen and (max-width: 991.98px) {

  .cateringcall-bg .readmore {

    bottom: 30px;

  }

  .call_wrap video {

    width: 100% !important;

  }

  .call_wrap .ratio {

    margin-top: 30px;

  }

  .prepackaged .nav-tabs .nav-item {

    margin: 0 6px;

  }

  .prepackaged .nav-tabs .nav-link {

    font-size: 16px;

    min-width: 130px;

    padding: 6px 10px;

  }

}

@media screen and (max-width: 767.98px) {

  .cateringcall-bg .readmore {

    bottom: 30px;

  }

  .prepackaged .nav-tabs .nav-item {

    margin: 0;

  }

  .prepackaged .nav-tabs .nav-link {

    font-size: 14px;

    min-width: auto;

    padding: 2px 10px;

  }

  .nav-tabs {

    margin-left: -7px;

    margin-right: -7px;

    border-bottom: none;

  }

  .nav-tabs .nav-item {

    width: 50%;

    padding: 0 7px;

    margin-top: 14px;

  }

  .nav-tabs .nav-link {

    margin: 0;

    width: 100%;

    border-radius: 8px;

    padding: 10px 18px;

  }

  .cateitembox .itemImg {

    margin-bottom: 10px;

  }

  .cateitembox p {

    margin-bottom: 0;

  }

}

@media screen and (max-width: 480px) {

  .call_wrap h1 {

    font-size: 28px !important;

  }

  .call_wrap h2 {

    font-size: 28px !important;

  }

  .navbar-collapse {

    width: 80%;

  }

  .about_hover img {

    width: 150px;

  }

  .galleryImg img {

    width: 100%;

  }

  .packageWrp .readmore a {

    font-size: 14px;

  }

  .about_hover {

    bottom: -30px;

  }

  .about_left h1 {

    font-size: 36px;

    line-height: 36px;

  }

  .about_left h2 {

    font-size: 36px;

    line-height: 36px;

  }

  .about-wrap p {

    font-size: 18px;

  }

  .tagline {

    font-size: 16px;

  }

  .title {

    margin-bottom: 20px;

  }

  .phonenum {

    font-size: 18px;

  }

  .readmore a {

    font-size: 14px;

    padding: 14px 20px;

  }

  .cateringcall-bg .readmore a {

    font-size: 12px;

    padding: 5px 13px;

  }

  .footer_nav {

    text-align: left !important;

    padding-left: 0;

  }

  .navbar-light .navbar-toggler {

    right: 20px;

  }

  .title h1 {

    font-size: 30px;

  }

  .title h2 {

    font-size: 30px;

  }

  .footer-logo-box {

    margin-bottom: 20px;

  }

  ul.tick li {

    font-size: 15px;

    line-height: 26px;

  }

  .about_left .title h1,

  .services-wrap .title h1 {

    font-size: 36px;

    line-height: 40px;

  }

  .about_left .title h2,

  .services-wrap .title h2 {

    font-size: 36px;

    line-height: 40px;

  }

  

  .about-wrap .assist_box {

    display: block;

    font-size: 20px;

  }

  .title p {

    font-size: 20px !important;

  }

  .evnet-wrap .title span {

    font-size: 20px;

  }

  .services-wrap .title {

    margin-bottom: 25px;

  }

  .header-wrap .logo {

    padding-top: 0;

  }

  .logo img {

    width: 76px;

  }

  .navbar-light .navbar-toggler {

    top: 20px;

  }

  .evnet-wrap {

    margin-top: 32px;

    padding-top: 32px;

  }

  .copy-right p {

    font-size: 14px;

  }

  .quick-links h2 {

    margin-top: 10px;

  }

  .pdl-2 {

    padding-left: 0;

  }

  .call_bx {

    padding: 44px 15px;

  }

  .services-wrap .title p {

    font-size: 16px !important;

  }

  .cateringcall-bg .readmore {

    bottom: 20px;

  }

}

@media screen and (max-width: 375px) {

  .readmore {

    font-size: 14px;

  }

  .evnet-wrap .title h1 {

    font-size: 28px;

    line-height: 32px;

  }

  .evnet-wrap .title h2 {

    font-size: 28px;

    line-height: 32px;

  }

  .call_wrap h1 {

    font-size: 24px !important;

  }

  .call_wrap h2 {

    font-size: 24px !important;

  }

  .call_wrap .phonewrp a {

    font-size: 28px;

  }

  .call_wrap .readmore a {

    font-size: 15px;

  }

  .cateringcall-bg .readmore {

    bottom: 15px;

  }

}

@media screen and (max-width: 320px) {

  .cateringcall-bg .readmore {

    bottom: 8px;

  }

}

/****************************************

        New Pages

****************************************/

.cr-product-card {

  padding: 12px;

  border: 1px solid #e9e9e9;

  background-color: #fff;

  border-radius: 5px;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.productWrp .col-lg-3 {

  margin: 15px 0;

}

.cr-product-card .cr-product-image {

  border-radius: 5px;

  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;

  position: relative;

}

.cr-product-card .cr-product-image .cr-image-inner img {

  width: 100%;

  border-radius: 5px;

}

.cr-product-card .cr-product-image .cr-side-view {

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  position: absolute;

  z-index: 20;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  top: 15px;

  right: -40px;

  display: -ms-grid;

  display: grid;

  opacity: 0;

}

.cr-product-card .cr-product-image .cr-side-view a {

  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;

  margin: 0;

  padding: 0;

  border: none;

  background-color: transparent;

  background-color: #fff;

  border: 1px solid #e9e9e9;

  border-radius: 100%;

}

.cr-product-card .cr-product-image .cr-side-view a i {

  font-size: 18px;

  line-height: 10px;

}

.cr-product-card .cr-product-image .cr-side-view a:last-child {

  margin-top: 5px;

}

.cr-product-details .cr-brand a {

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  margin-bottom: 5px;

  font-size: 13px;

  color: #777;

  text-decoration: none;

}

.cr-product-details .cr-star {

  margin-bottom: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 5px;

}

.cr-product-details .cr-star i {

  margin: 0 1px;

  font-size: 13px;

  color: #ff8400;

}

.cr-product-details .cr-star p {

  margin-left: 5px;

  color: #999;

  font-size: 11px;

  line-height: 10px;

  margin-bottom: 0;

}

.cr-product-details a.title {

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  margin-bottom: 12px;

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

  font-size: 15px;

  font-weight: 500;

  line-height: 24px;

  color: #2b2b2d;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-decoration: none;

}

.cr-product-details a:hover {

  color: #cf0d40;

}

.cr-product-details p.cr-price {

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

  font-size: 24px;

  line-height: 1.75;

}

.cr-product-details p.cr-price .new-price {

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

  font-size: 24px;

  font-weight: 600;

  line-height: 1.167;

  color: #cf0d40;

}

.cr-product-details p.cr-price .old-price {

  margin-left: 5px;

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

  font-size: 16px;

  text-decoration: line-through;

  line-height: 1.75;

  color: #7a7a7a;

}

.cr-product-card:hover .cr-product-image .cr-side-view {

  right: 12px;

  opacity: 1;

}

.cr-product-card .cr-product-image .cr-side-view a {

  line-height: 10px;

  text-decoration: none;

}

.cr-product-card .cr-product-image .cr-side-view a i {

  font-size: 14px;

  color: #000;

}

.cr-product-card .cr-product-image .cr-side-view a:hover {

  background: #cf0d40;

  border-color: #cf0d40;

}

.cr-product-card .cr-product-image .cr-side-view a:hover i {

  color: #fff;

}

.viewcartlinks {

  display: flex;

  gap: 5px;

}

.viewcartlinks a {

  border: 2px solid #cf0d40;

  padding: 8px 20px;

  color: #cf0d40;

  text-decoration: none;

  font-weight: 600;

  border-radius: 5px;

}

.viewcartlinks a.adtocart {

  background: #cf0d40;

  color: #fff;

}

.viewcartlinks a:hover {

  background: #000;

  border-color: #000;

  color: #fff;

}

.cr-product-details .cr-add-card {

  margin-bottom: 15px;

}

.cr-product-details .cr-add-card input {

  padding: 5px;

  font-size: 18px;

  border: 1px solid #ddd;

  border-radius: 5px;

}

.cr-product-details h5 {

  font-size: 18px;

}

.header-cart {

  margin-left: auto;

  padding-top: 10px;

}

.header-cart-button {

  display: flex;

  align-items: center;

  position: relative;

  text-decoration: none;

}

.header-cart-total {

  width: 18px;

  height: 18px;

  font-size: 12px;

  background: #cf0d40;

  color: #fff;

  text-align: center;

  border-radius: 50%;

  position: absolute;

  top: -10px;

  left: 14px;

}

.base-svg-iconset {

  margin-right: 10px;

}

.header-cart-title {

  font-weight: 600;

  font-size: 16px;

  line-height: 16px;

  text-transform: capitalize;

  color: #000;

}

table.dataTable th.dt-type-numeric,

table.dataTable th.dt-type-date,

table.dataTable td.dt-type-numeric,

table.dataTable td.dt-type-date {

  text-align: left !important;

}

.cateitembox .readmore a {

  padding: 10px 25px;

  font-size: 14px;

}

.main_home_header .header-cart {

  margin-left: auto;

  padding: 8px 15px;

  background: #fff;

  border-radius: 5px;

}

.paginationwrap {

  margin-top: 30px;

}

.paginationwrap a {

  display: inline-block;

  width: 50px;

  height: 50px;

  text-align: center;

  text-decoration: none;

  line-height: 50px;

  color: #cf0d40;

  border: 1px solid #cf0d40;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  margin: 3px;

}

.paginationwrap a:hover,

.paginationwrap a.active {

  background: #cf0d40;

  color: #ffffff;

}

.cr-size-and-weight-contain {

  border-bottom: 1px solid #e9e9e9;

  padding-bottom: 20px;

}

.cr-size-and-weight-contain h2.heading {

  margin: 0 0 15px 0;

  display: block;

  color: #2b2b2d;

  font-size: 22px;

  text-decoration: none;

  line-height: 1.5;

  font-weight: 500;

}

.cr-size-and-weight-contain p {

  font-size: 14px;

}

.cr-size-and-weight {

  padding-top: 20px;

}

.cr-size-and-weight .cr-review-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.cr-size-and-weight .cr-review-star .cr-star {

  margin-right: 10px;

}

.cr-size-and-weight .cr-review-star .cr-star i {

  font-size: 16px;

  color: #ff8400;

}

.cr-size-and-weight .cr-review-star p {

  font-size: 15px;

}

.cr-size-and-weight .cr-product-price span.new-price {

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

  font-size: 24px;

  font-weight: 600;

  line-height: 1.167;

  color: #cf0d40;

}

.cr-size-and-weight .cr-product-price span.old-price {

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

  font-size: 16px;

  text-decoration: line-through;

  line-height: 1.75;

  color: #7a7a7a;

}

.text-small {

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

  font-size: 14px;

}

.cr-size-and-weight .cr-size-weight {

  padding-top: 20px;

}

.cr-size-and-weight .cr-size-weight h5 {

  margin-bottom: 0;

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

  font-size: 16px;

  line-height: 1.556;

  color: #2b2b2d;

}

.cr-size-and-weight .cr-size-weight .cr-kg ul {

  width: 100%;

  padding: 0;

  margin: 0;

  list-style-type: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.cr-size-and-weight .cr-size-weight .cr-kg ul .active-color {

  background-color: #64b496;

  color: #fff;

}

.cr-size-and-weight .cr-size-weight .cr-kg ul li {

  margin: 2px;

  padding: 5px 10px;

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

  font-size: 12px;

  line-height: 1;

  background-color: #fff;

  color: #777;

  border: 1px solid #e9e9e9;

  border-radius: 5px;

  cursor: pointer;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}

.radio-button {

  position: relative;

  display: inline-flex;

  align-items: center;

  cursor: pointer;

  margin-bottom: 5px;

}

.radio-button input[type="radio"] {

  display: none;

}

.radio-button span {

  padding: 6px 10px;

  border: 1px solid #d3d3d3;

  border-radius: 5px;

  background-color: #fff;

  transition: all 0.3s;

  font-size: 15px;

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

}

.radio-button123 input[type="radio"]:checked + span {

  background-color: #cf0d40;

  color: white;

  border-color: #cf0d40;

}

.radio-button .checked_span {

  background-color: #cf0d40;

  color: white;

  border-color: #cf0d40;

}

.radio-button .checked_span:hover {

  background-color: #fff;

  color: #cf0d40;

  border-color: #cf0d40;

}

.cr-size-and-weight .cr-add-card {

  padding-top: 20px;

}

.cr-size-and-weight .cr-add-card .cr-qty-main input {

  height: 40px;

  width: 75px;

  margin-right: 5px;

  text-align: center;

  border: 1px solid #e9e9e9;

  border-radius: 5px;

}

.cr-size-and-weight .cr-add-card .cr-qty-main {

  height: 100%;

  position: relative;

  display: inline-block;

}

.cr-size-and-weight .cr-add-card .cr-qty-main button {

  height: 18px;

  width: 18px;

  padding: 0;

  background-color: #fff;

  border: 1px solid #e9e9e9;

  border-radius: 5px;

  line-height: 0;

}

.cr-size-and-weight input {

  width: 60px;

  height: 40px;

  padding: 0 5px 0 10px;

  background: 0 0;

  border: 1px solid #eee;

}

.cr-add-button .submit_btn {

  padding: 10px 28px;

}

.popcorn-popup .modal-dialog {

  max-width: 900px;

}

.popcorn-popup .modal-body {

  padding: 50px;

}

/*

===================================================

    cart style

===================================================

*/

.table_desc {

  border: 1px solid #eee;

}

.table-responsive {

  position: relative;

  z-index: 1;

}

table {

  width: 100%;

}

tbody,

td,

tfoot,

th,

thead,

tr {

  border-color: inherit;

  border-style: solid;

  border-width: 0;

}

.table-responsive table thead {

  background: #f2f2f2;

}

.table_page table thead tr th {

  color: #333;

  border-bottom: 3px solid #cf0d40;

  border-right: 1px solid #eee;

  font-size: 16px;

  font-weight: 600;

  text-transform: capitalize;

  padding: 10px;

  text-align: center;

}

.table_desc table tbody tr td:last-child,

.table_page table thead tr:last-child th {

  border-right: 0;

}

.table_page table tbody tr td.product_remove {

  min-width: 100px;

  font-size: 20px;

}

.product_remove a {

  text-decoration: none;

  color: #cf0d40;

}

.table-responsive table tbody tr td {

  border-right: 1px solid #eee;

  font-weight: 500;

  text-transform: capitalize;

  font-size: 14px;

}

.table-responsive table tr td a {

  color: #b02a37;

}

.table-responsive table tr td a.btn-danger {

  color: #fff;

}

.page-item.active .page-link {

  background-color: #b02a37;

  border-color: #b02a37;

  color: #fff;

}

.table_page table tbody tr td {

  border-bottom: 1px solid #eee;

  border-right: 1px solid #eee;

  text-align: center;

  padding: 10px;

}

.table_page table tbody tr td.product_thumb {

  max-width: 180px;

  overflow: hidden;

}

.table_page table tbody tr td.product_name {

  min-width: 180px;

}

.table_page table tbody tr td.product-price {

  min-width: 130px;

  color: #333;

  font-size: 16px;

  font-weight: 600;

}

.table_page table tbody tr td.product_quantity {

  min-width: 180px;

}

.table_desc table tbody tr td:last-child,

.table_page table thead tr:last-child th {

  border-right: 0;

}

.product_thumb img {

  width: 100px;

}

.product_name a {

  color: #666;

  text-decoration: none;

  font-weight: bold;

}

.product_name a:hover {

  color: #cf0d40;

}

.table_page table tbody tr td.product_quantity label {

  font-weight: 600;

  margin-right: 5px;

}

.table_page table tbody tr td.product_quantity input {

  width: 60px;

  height: 40px;

  padding: 0 5px 0 10px;

  background: 0 0;

  border: 1px solid #eee;

}

.cart_submit {

  text-align: right;

  padding: 12px;

}

.cart_submit button:hover {

  background: #000;

}

.cart_submit button {

  text-decoration: none;

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 17px 38px;

  font-size: 16px;

  font-weight: bold;

  border: none;

}

.coupon_code {

  border: 1px solid #ededed;

  margin-top: 60px;

}

.text-right {

  text-align: right;

}

.coupon_code .h3,

.coupon_code h3 {

  color: #fff;

  line-height: 36px;

  padding: 5px 15px;

  background: #313135;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 600;

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

}

.coupon_inner {

  padding: 10px 20px 25px;

}

.coupon_inner p {

  font-size: 14px;

  margin-bottom: 20px;

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

}

.coupon_inner input {

  border: 1px solid #d1d1d1;

  height: 58px;

  background: 0 0;

  padding: 0 20px;

  margin-right: 20px;

  font-size: 14px;

  color: #333;

  width: 64%;

}

.coupon_inner button {

  text-decoration: none;

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 16px 22px;

  font-size: 14px;

  font-weight: bold;

  border: none;

}

.coupon_inner .checkout {

  text-decoration: none;

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 16px 22px;

  font-size: 14px;

  font-weight: bold;

  border: none;

}

.cart_subtotal {

  display: flex;

  justify-content: space-between;

}

.cart_subtotal p {

  font-weight: 600;

  font-size: 14px;

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

}

.cart_subtotal .cart_amount {

  font-size: 18px;

  font-weight: 600;

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

}

.cart_subtotal p span {

  margin-right: 30px;

}

.coupon_inner a {

  display: block;

  text-align: right;

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 20px;

  border-bottom: 1px solid #ededed;

  padding-bottom: 10px;

  color: #666;

  text-decoration: none;

  border-radius: 3px;

}

.coupon_inner a:hover,

.coupon_inner button:hover {

  color: #fff;

  background: #000;

}

.coupon_inner .checkout:hover {

  color: #fff;

  background: #000;

}

.checkout_btn {

  text-align: right;

}

/*

===================================================

    checkout style

===================================================

*/

.check_left,

.check_right {

  background: #fff;

  padding: 50px;

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

}

.default-form-box {

  margin-top: 15px;

}

.default-form-box label {

  font-weight: 600;

  font-size: 14px;

  margin-bottom: 10px;

  display: block;

}

.default-form-box label span {

  color: #ea1c26;

  font-size: 16px;

}

.default-form-box input[type="date"],

.default-form-box input[type="email"],

.default-form-box input[type="number"],

.default-form-box input[type="password"],

.default-form-box input[type="text"],

.default-form-box textarea {

  border: 1px solid #ced4da;

  border-radius: 3px;

  background: 0 0;

  height: 40px;

  font-size: 14px;

  width: 100%;

  padding: 0 20px;

  color: #666;

  outline: 0;

}

.check_left,

.check_right {

  background: #fff;

  padding: 50px;

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

}

.your_order {

  display: flex;

  margin-top: 20px;

  margin-bottom: 20px;

}

.your_order .media-img {

  position: relative;

}

.your_order .media-img {

  margin-right: 20px;

  width: 95px;

}

.your_order .button-count {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 0.6875rem;

  font-weight: 700;

  min-width: 1.125rem;

  height: 1.125rem;

  top: -7px;

  right: -7px;

  color: #fff;

  background-color: #f00;

  border-radius: 50%;

}

.media-body {

  flex: 1;

}

.your_order h3 {

  font-size: 20px;

  color: #f00;

  margin: 0;

}

.your_order .post-title {

  font-weight: 700;

  font-size: 18px;

  line-height: 25px;

  margin: 0 0 -0.1em 0;

}

.your_order .post-title {

  color: #000;

}

.coupon-cart .form-group {

  position: relative;

}

.coupon-cart .form-group .form-control {

  border: 1px solid #dedede;

  background-color: #ffffff;

  height: 55px;

  color: #111111;

  border: 1px solid #e5e5e5;

  background-color: rgba(241, 247, 248, 0.5);

  font-size: 16px;

  padding: 10px 20px;

  width: 100%;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

  border-radius: 5px;

}

.coupon-cart .form-group .default-btn {

  position: absolute;

  top: 0;

  right: 0;

  padding: 15px 40px;

  height: 55px;

  line-height: 24px;

}

.applycoupon {

  background: #cf0d40;

  color: #fff;

  border: none;

}

.applycoupon:hover {

  background: #000;

}

.media-img {

  background: #eee;

  padding: 6px;

}

.cart-totals {

  background-color: #f1f5f8;

}

.cart-totals h3 {

  background-color: #cf0d40;

  padding: 15px 30px;

  font-size: 25px;

  color: #ffffff;

  margin-bottom: 0;

}

.cart-totals .cart-totals-wrap {

  padding: 30px;

}

.cart-totals ul {

  list-style-type: none;

  padding-left: 0;

  margin-bottom: 30px;

}

.cart-totals ul li {

  color: #1c1c1c;

  position: relative;

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid #dedede;

  font-size: 18px;

  font-weight: 500;

  color: #111111;

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

}

.cart-totals ul li span {

  float: right;

}

.auth-form {

  padding: 40px;

  background: #ffeef2;

  border-radius: 15px;

}

.auth-form .auth-header {

  text-align: center;

  margin-bottom: 30px;

}

.form-group .form-icon {

  position: relative;

}

.form-group .form-icon i {

  position: absolute;

  top: 19px;

  left: 20px;

  color: #ff7a7c;

  z-index: 1;

}

.auth-form .auth-header img {

  width: 200px;

  margin-bottom: 10px;

}

.form-group .form-icon .form-control,

.form-group .form-icon .form-select {

  padding-left: 50px;

}

.auth-form .auth-header h3 {

  color: #000;

  margin-bottom: 5px;

  font-weight: 800;

}

.auth-form .auth-header p {

  color: #000;

  font-size: 20px;

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

}

/* auth-group */

.auth-group {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 25px;

}

.auth-group .form-check {

  margin-bottom: 0;

}

.auth-group .form-check-label {

  color: #000;

  font-weight: 500;

  font-size: 15px;

}

.auth-group .auth-group-link {

  color: #cf0d40;

  font-weight: 500;

  text-decoration: none;

}

.auth-group .auth-group-link:hover {

  color: #000;

}

/* password-view */

.auth-form .password-view {

  cursor: pointer;

}

.auth-form .password-view i {

  left: unset;

  right: 20px;

  color: var(--body-text-color);

}

.form-group .form-control,

.form-group .form-select {

  padding: 14px 20px 14px 20px;

  border-radius: 15px;

  background-color: #fff;

  color: rgb(44 55 75);

  border-color: #00000014;

  font-size: 14px;

}

.auth-form .password-view.show i::before {

  content: "\f06e";

}

.auth-form .form-group {

  margin-bottom: 20px;

}

.auth-form .theme-btn {

  width: 100%;

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 16px 22px;

  font-size: 14px;

  font-weight: bold;

  border: none;

}

.auth-form .theme-btn:hover {

  background: #000;

}

.auth-form .theme-btn i {

  margin-right: 5px;

}

.auth-form .auth-bottom {

  margin-top: 25px;

}

.auth-form .auth-bottom p {

  color: #000;

  text-align: center;

}

.auth-form .auth-bottom a {

  color: #cf0d40;

  font-weight: 500;

  text-decoration: none;

}

.auth-form .auth-bottom a:hover {

  color: #000;

}

/* auth-social */

.auth-form .auth-social {

  border-top: 1px solid #ddd;

  margin-top: 36px;

  padding-top: 15px;

}

.auth-form .auth-social p {

  color: #000;

  margin: 10px 0;

}

.auth-form .auth-social-list {

  text-align: center;

  margin-bottom: 10px;

}

.auth-form .auth-social-list a {

  width: 40px;

  height: 40px;

  line-height: 40px;

  background: #cf0d40;

  border-radius: 50px;

  margin: 5px;

  display: inline-block;

}

.auth-form .auth-social-list a i {

  color: #fff;

}

.auth-form .auth-social-list a:hover {

  background: #cf0d40;

}

@media only screen and (max-width: 1200px) {

  .coupon_inner input {

    width: 50%;

  }

}

@media only screen and (max-width: 991px) {

  .coupon_inner input {

    width: 100%;

  }

  .coupon_inner button {

    margin-top: 15px;

  }

  .coupon_inner .checkout {

    margin-top: 15px;

  }

  .auth-form {

    padding: 40px 20px;

  }

}

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

  .modal-border-image {

    margin-bottom: 20px;

  }

  .popcorn-popup .modal-body {

    padding: 20px;

  }

  .coupon_inner input {

    width: 100%;

  }

  .coupon_inner button {

    margin-top: 15px;

    width: 100%;

  }

  .coupon_inner .checkout {

    margin-top: 15px;

    width: 100%;

  }

}

@media only screen and (max-width: 600px) {

  .coupon-cart .form-group .default-btn {

    position: static;

    margin-top: 15px;

    width: 100%;

  }

}

@media only screen and (max-width: 480px) {

  .paginationwrap a {

    margin: 1px;

  }

  .auth-group .auth-group-link,

  .auth-group .form-check-label,

  .cart-totals ul li {

    font-size: 14px;

  }

  .cart_submit button {

    padding: 14px 26px;

    font-size: 14px;

  }

  .check_left,

  .check_right,

  .cart-totals .cart-totals-wrap {

    padding: 20px;

  }

  .cart-totals h3 {

    font-size: 18px;

  }

}

@media only screen and (max-width: 375px) {

  .payWrp img {

    width: 80px;

  }

  .cart_subtotal p span {

    margin-right: 8px;

  }

  .cart_subtotal .cart_amount {

    font-size: 14px;

  }

}

/**********************************

    Dashboard Start

***********************************/

.userlinkstp {

  margin-left: 20px;

}

.userlinkstp .btn {

  background: none;

  padding: 0;

}

.userlinkstp .btn:after {

  display: none;

}

.userlinkstp .btn:focus {

  box-shadow: none;

}

.userlinkstp .btn img {

  width: 40px;

  height: 40px;

  object-fit: cover;

  border-radius: 50%;

  border: 1px solid #fff;

  padding: 3px;

}

.dropdown-item.active,

.dropdown-item:active {

  background-color: #cf0d40;

}

.dropdown-menu {

  box-shadow: 5px 0 30px rgba(0, 0, 0, 0.1);

  border: none;

}

.dropdown-menu .dropdown-item {

  font-size: 14px;

  padding: 10px 15px;

}

.dropdown-menu .dropdown-item i {

  width: 18px;

  color: #777;

}

.dropdown-item.active i,

.dropdown-item:active i {

  color: #fff;

}

.table-responsive .col-md,

.table-responsive .col-12 {

  padding: 0;

}

.userlogin {

  background: #cf0d40;

  color: #fff;

  text-decoration: none;

  padding: 10px 15px;

  display: inline-block;

  border-radius: 6px;

  text-transform: uppercase;

  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 15px;

  font-size: 14px;

  font-weight: bold;

  margin-top: 4px;

}

.userlogin:hover {

  background: #fff;

  color: #000;

}

.dashboard_wrap {

  padding: 0 0 70px 0;

}

.dashboard_wrap .card {

  background: #fff;

  border-color: #e8ebf3;

  position: sticky;

  top: 0;

}

.card-title {

  font-size: 20px;

  margin-bottom: 0;

  line-height: 26px;

}

.card-header {

  padding: 0.5rem 1.5rem;

  min-height: 3.5rem;

  background: #fff;

}

.dash_widget-sec {

  background: #f9f9f9;

}

.dashboard_wrap .form-group .form-control {

  color: #555;

  border: 1px solid #e8e8e8;

  padding: 12px 10px;

  width: 100%;

  font-size: 14px;

  border-radius: 0;

  height: 50px;

  background: #fdfdfd;

}

.profile-pic-img img {

  width: 90px;

  border-radius: 100%;

}

.profile-pic h4 {

  font-size: 18px;

}

.dash_widget-sec > ul > li > a,

.dash_widget-sec > ul > li > a i {

  color: #000;

}

.dash_widget-sec > ul > li > a {

  padding: 0.75rem 1.25rem;

  font-size: 14px;

  border-bottom: 1px solid #e8ebf3;

  font-weight: 600;

  display: block;

  text-decoration: none;

}

.dash_widget-sec > ul > li:last-child > a,

.dash_widget-sec > ul > li:first-child > a {

  border: none;

}

.dash_widget-sec ul {

  margin-bottom: 0;

}

.dash_widget-sec > ul > li > a i {

  background: #e7e7e7;

  margin-right: 12px;

  margin-top: 4px;

  color: #000;

  font-size: 16px;

  width: 35px;

  height: 35px;

  line-height: 35px;

  border-radius: 50%;

  text-align: center;

}

.dash_widget-sec > ul > li > a:active i,

.dash_widget-sec > ul > li > a:hover i {

  background: #fff;

}

.change_password {

  text-align: center;

}

.dash_widget-sec > ul > li > a.active i,

.dash_widget-sec > ul > li > a:hover i {

  color: #cf0d40;

  background: #fff;

}

.dash_widget-sec > ul > li > a.active,

.dash_widget-sec > ul > li > a:hover {

  background: #cf0d40;

  color: #fff;

  border-right: 7px solid #ff2860;

}

.item-all-text h5 {

  font-size: 15px;

}

.form-group label {

  font-size: 14px;

  margin-bottom: 8px;

  font-weight: 600;

}

.table > thead > tr > td,

.table > thead > tr > th {

  font-weight: 600;

  border-color: #e8ebf3;

  -webkit-transition: all 0.3s ease;

}

.table > :not(:last-child) > :last-child > * {

  border-color: #e8ebf3;

}

tbody,

td,

tfoot,

th,

thead,

tr {

  border-top: none;

}

.table thead th,

.text-wrap table thead th {

  border-top: 0;

  border-bottom-width: 1px;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

.table td {

  font-size: 14px;

  color: #000;

  padding: 0.75rem;

  vertical-align: top;

  border-top: 0;

}

.table-bordered td,

.table-bordered th {

  border: 1px solid #e8ebf3;

}

.font-weight-semibold {

  font-weight: 600 !important;

}

.bg-success[href],

.bg-success[href]:hover {

  color: #fff;

  text-decoration: none;

  background-color: #16a737;

}

.bg-danger[href],

.bg-danger[href]:hover {

  color: #fff;

  text-decoration: none;

  background-color: #fb5b50;

}

.bg-primary[href]:hover,

.bg-primary[href] {

  color: #fff;

  text-decoration: none;

  background-color: #1650e2;

}

.item-all-cat .item-all-card a {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.item-all-cat .item-all-card {

  position: relative;

  padding: 1.5rem 0.7rem;

  border-radius: 3px;

  margin-bottom: 10px;

  color: #fff;

  background: #fff;

  margin-bottom: 1.5rem;

  display: block;

}

.item-all-card::before,

.item-all-card::after {

  content: "";

  width: 0;

  height: 2px;

  position: absolute;

  transition: all 0.4s linear;

}

.item-all-card::before,

.item-all-card::after {

  background: linear-gradient(135deg, #0061da 0%, #0061da 100%);

}

.item-all-card:hover::before,

.item-all-card:hover::after {

  width: 100%;

}

.item-all-cat .item-all-card a::before,

.item-all-cat .item-all-card a::after {

  content: "";

  width: 2px;

  height: 0;

  position: absolute;

  transition: all 0.4s linear;

}

.item-all-card a::before {

  left: 0;

  bottom: 0;

  transition-duration: 0.4s;

}

.item-all-cat .item-all-card a::before,

.item-all-cat .item-all-card a::after {

  background: linear-gradient(135deg, #cf0d40 0%, #cf0d40 100%);

}

.item-all-card:hover a::before,

.item-all-card:hover a::after {

  height: 100%;

}

.item-all-card a::after,

.item-all-card::before {

  right: 0;

  top: 0;

  transition-duration: 0.4s;

}

.item-all-card::before,

.item-all-card::after {

  content: "";

  width: 0;

  height: 2px;

  position: absolute;

  transition: all 0.4s linear;

}

.item-all-card::before,

.item-all-card::after {

  background: linear-gradient(135deg, #cf0d40 0%, #cf0d40 100%);

}

.item-all-card::after {

  left: 0;

  bottom: 0;

  transition-duration: 0.4s;

}

.item-all-cat .category-type .item-all-card .iteam-all-icon1 {

  width: 5rem;

  height: 5rem;

  display: inline-block;

  font-size: 30px;

  color: #fff;

  border-radius: 50%;

  line-height: 5rem;

  background: linear-gradient(to right, rgb(207 13 64) 0%, rgb(255 40 96) 100%);

}

.dashboard_wrap .form-group .form-control {

  color: #555;

  border: 1px solid #e8e8e8;

  padding: 12px 10px;

  width: 100%;

  font-size: 14px;

  border-radius: 0;

  height: 50px;

  background: #fdfdfd;

}

.contactWrp .form-group {

  margin-bottom: 30px;

}

.submit_btn {

  border: none;

  text-decoration: none;

  color: #fff;

  background: #cf0d40;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 16px 24px;

  border-radius: 6px;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: bold;

}

.submit_btn:hover {

  background: #000;

}

.sign-in-area {

  background: #fff;

  padding: 50px;

  max-width: 600px;

  margin: 0 auto;

}

.forget_pass a {

  color: #cf0d40;

  text-decoration: none;

}

.forget_pass a:hover {

  color: #000;

}

.listing li a {

  background: #fff;

  padding: 14px 7px;

  display: block;

  margin: 5px;

  text-decoration: none;

  color: #333738;

  font-weight: bold;

  border: 1px solid #dcebff;

  font-size: 14px;

}

.listing li a:hover {

  background: #0061da;

  color: #fff;

}

.listing li a:hover:before {

  color: #fff;

}

.listing li a:before {

  content: "\f0da";

  margin: 10px;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  color: #0061da;

}

.single-widgets {

  border: 1px solid #e5e8f3;

  padding: 30px 28px 35px;

  margin: 0 0 40px;

}

.single-widgets.widget_category ul {

  padding: 0;

  list-style: none;

  margin-bottom: 0;

}

.single-widgets.widget_category ul li {

  display: block;

  border-bottom: 1px solid #eaeaea;

}

.single-widgets.widget_category ul li:first-child {

  border-top: none;

}

.single-widgets.widget_category ul li a {

  padding: 11px;

  display: block;

  text-decoration: none;

  color: #000;

  font-size: 14px;

  position: relative;

}

.widget_category ul li i {

  position: absolute;

  top: 16px;

  right: 8px;

}

.single-widgets.widget_category ul li a:hover,

.single-widgets.widget_category ul li a.active {

  background: #0061da;

  color: #fff;

}

.thumb-blog-default {

  margin-bottom: 40px;

  padding-bottom: 40px;

  border-bottom: 1px solid #e5e8f3;

}

.thumb-blog-default h3 a {

  font-size: 22px;

  text-decoration: none;

  color: #000;

}

.thumb-blog-default .readmore a {

  padding: 14px 30px;

  font-size: 14px;

}

.blog-pagination a {

  display: inline-block;

  width: 50px;

  height: 50px;

  text-align: center;

  text-decoration: none;

  line-height: 50px;

  color: #6f4cca;

  border: 1px solid #0061da;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  margin: 3px;

}

.blog-pagination a:hover,

.blog-pagination a.active {

  background: #0061da;

  color: #ffffff;

}

.list_info {

  font-size: 14px;

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

  border-bottom: 1px solid #e5e8f3;

  padding: 10px;

}

.list_info span {

  width: 30%;

  float: left;

  font-weight: bold;

  font-size: 16px;

}

blockquote {

  font-size: 14px;

  font-style: italic;

  line-height: 24px;

  background: #f2f8ff;

  padding: 25px;

  border-left: 8px solid #0061da;

  margin: 20px 0;

}

.moreImages {

  position: relative;

  overflow: hidden;

}

.portfolio-overley {

  background-color: #14212b;

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all 0.5s;

  transform: translateX(-100%);

}

.moreImages:hover .portfolio-overley {

  transform: translateX(0);

  opacity: 0.9;

}

.thumb-blog-default .content {

  z-index: 1000;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}

.thumb-blog-default .content .image-link {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 50px;

  height: 50px;

  color: #ffffff;

  line-height: 50px;

  background: #0061da;

  display: block;

  font-size: 16px;

  z-index: 1;

  text-align: center;

}

.contact__form label,

.comment__form label {

  font-weight: 400;

  font-size: 16px;

  line-height: 26px;

  color: #000;

  padding-bottom: 10px;

}

.contact__form input,

.comment__form input,

.contact__form textarea,

.comment__form textarea {

  width: 100%;

  font-weight: 400;

  font-size: 16px;

  line-height: 26px;

  color: #666;

  background-color: #f9f9f9;

  height: 60px;

  border: none;

  padding: 0 20px;

  border-radius: 4px;

  margin-bottom: 20px;

}

.contact__form textarea,

.comment__form textarea {

  height: 160px;

  resize: none;

}

.wc-btn-primary {

  display: inline-block;

  font-weight: bold;

  font-size: 16px;

  text-align: center;

  color: #fff;

  background-color: #cf0d40;

  padding: 18px 42px;

  border-radius: 5px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  position: relative;

  overflow: hidden;

  border: none;

  z-index: 1;

}

.wc-btn-primary:hover {

  background: #000;

}

.view_submit {

  color: #fff;

  background: #cf0d40;

  text-transform: uppercase;

  border-radius: 6px;

  box-shadow: 0px 10px 15px rgb(0 0 0 / 20%);

  display: inline-block;

  padding: 8px 15px;

  font-size: 13px;

  font-weight: bold;

  border: none;

}

.view_submit:hover {

  background: #000;

}

.gi-single-list {

  padding: 40px;

  border: 1px solid #eee;

  background-color: #fff;

  border-radius: 5px;

}

.gi-single-list ul li {

  padding: 8px 10px;

}

.my-orders .product_thumb img {

  width: 60px;

}

@media screen and (max-width: 990px) {

  .newsletter_wrap .input-group {

    margin: 5px 0;

  }

  .newsletter_wrap {

    padding: 25px;

  }

  .navbar-nav li:last-child .dropdown-menu li:first-child {

    display: block;

  }

}

/*********************************************

        Media Screen css

*********************************************/

@media screen and (max-width: 1440px) {

  .banner-image img {

    width: 1050px;

  }

}

@media screen and (max-width: 1200px) {

  .banner-image img {

    width: 750px;

  }

  .banner-image {

    margin-right: 0;

  }

  .header-wrap .phonewrp a {

    font-size: 22px;

  }

  .navbar-nav li {

    padding: 25px 12px;

  }

  .header-wrap .logo {

    padding-top: 10px;

  }

  .header-wrap .phonewrp:first-child {

    margin-left: 0;

  }

  .process-wrap .feature_sec h3,

  .service_info h3 a {

    font-size: 20px;

  }

  .hover_text {

    display: none;

  }

}

@media screen and (max-width: 1024px) {

  .navbar-nav li {

    padding: 20px 10px;

  }

  .header-wrap .phonewrp a {

    font-size: 18px;

  }

  .header_left {

    flex-wrap: wrap;

    align-items: center;

  }

  .topbarbtn {

    margin-left: 10px;

    margin-top: 10px;

  }

  .header-wrap .social_media {

    margin-left: 20px;

  }

  .userlinkstp {

    margin-left: 5px;

  }

  .header-info {

    flex-wrap: wrap;

    align-items: center;

  }

  .header-wrap .conInfo span {

    font-size: 14px;

  }

}

@media screen and (max-width: 990px) {

  .pagetitle-wrap {

    padding: 100px 0 30px 0;

  }

  .about-wrap {

    padding-top: 40px;

  }

  .pagetitle-wrap {

    padding: 30px 0;

  }

  .packageImg {

    margin-bottom: 30px;

  }

  .pagetitle-wrap:after {

    display: none;

  }

  .pagetitle-wrap h1 {

    font-size: 40px;

  }

  .pagetitle-wrap h2 {

    font-size: 40px;

  }

  .breadcrub-content {

    margin-bottom: 12px;

  }

  .right_sec {

    margin-bottom: 50px;

  }

  .header-wrap {

    position: relative;

  }

  .banner-image {

    margin-top: -140px;

  }

  .banner-wrap {

    padding: 33px 0px 0px 0px;

  }

  .banner-heading h1 {

    font-size: 54px;

  }

  .banner-heading h2 {

    font-size: 54px;

  }

  .banner-heading span {

    font-size: 24px;

  }

  .call_wrap h1 {

    font-size: 40px;

  }

  .call_wrap h2 {

    font-size: 40px;

  }

  .call_wrap .phonewrp a {

    font-size: 34px;

  }

  .call_wrap .readmore a {

    font-size: 16px;

  }

  .call_bx {

    padding: 44px 0px;

    margin-bottom: 40px;

  }

  .quick-links h2 {

    margin-top: 20px;

  }

  .footer-logo-box {

    text-align: left;

  }

  .footer-info {

    margin-left: 0;

  }

  .services-wrap .title p {

    font-size: 20px !important;

  }

  .services-wrap {

    padding-top: 0;

  }

  .aboutImg {

    text-align: center;

    display: block;

    margin-bottom: 30px;

  }

  .banner-image img {

    width: 600px;

  }

  .banner-heading {

    margin-top: 28px;

    z-index: 999;

    position: relative;

  }

  .header-info {

    margin-top: 0;

    padding-bottom: 0;

  }

  .header-wrap .social_media,

  .header_left {

    display: none;

  }

  .tp-banner,

  .tp-banner-container {

    margin-top: 0 !important;

  }

  .content-title {

    margin-top: 20px;

  }

  .logo img {

    width: 100px;

  }

  .mbquote {

    display: block;

    margin-left: auto;

    margin-right: 80px;

    margin-top: 0;

  }

  .header-wrap .col-lg-2 {

    padding-left: 15px;

    display: flex;

    align-items: center;

  }

  .topbarbtn a {

    padding: 10px 15px;

  }

  .navbar-nav li {

    padding: 5px 10px;

  }

  .navbar-collapse {

    position: fixed;

    top: 0px;

    bottom: 0;

    left: 100%;

    width: 60%;

    padding-right: 1rem;

    padding-left: 1rem;

    overflow-y: auto;

    visibility: hidden;

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

    transition:

      visibility 0.3s ease-in-out,

      -webkit-transform 0.3s ease-in-out;

    transition:

      transform 0.3s ease-in-out,

      visibility 0.3s ease-in-out;

    transition:

      transform 0.3s ease-in-out,

      visibility 0.3s ease-in-out,

      -webkit-transform 0.3s ease-in-out;

    z-index: 10000;

  }

  .navbar-collapse.show {

    visibility: visible;

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

    transform: translateX(-100%);

  }

  .navbar-light .navbar-toggler {

    display: block;

    position: absolute;

    top: 42px;

    right: 20px;

    background: #fff;

  }

  .close-toggler {

    background: none;

    color: #fff;

    padding: 5px;

    border: none;

    margin-top: 10px;

    font-size: 24px;

    position: absolute;

    top: 0;

    right: 15px;

    display: block;

  }

  .about-wrap .assist_box {

    display: inline-block;

  }

  .navbar-nav > li {

    display: block;

  }

  .navbar-light .navbar-nav .nav-link {

    color: #fff;

    padding: 10px 16px;

  }

  .navbar-nav {

    padding-top: 70px;

  }

  .navbar-light .navbar-nav .nav-link:hover,

  .navbar-light .navbar-nav .nav-link.active,

  .navbar-light .navbar-nav .show > .nav-link {

    background: #cf0d40;

    color: #fff;

  }

  .navbar-expand-lg .navbar-nav .dropdown-toggle.show {

    background: #cf0d40;

    color: #fff;

  }

  .hover_dashRight,

  .hover_dashLeft,

  .report_hover,

  .bannerbox:after,

  .bannerbox:before {

    display: none;

  }

  .navbar-nav li {

    padding: 0;

  }

  ul.services-list {

    margin-top: 50px;

  }

  .price__table .pricing-table {

    margin: 15px 0px;

  }

  .mt--20 {

    margin-top: 0px;

  }

  .price__table {

    padding-top: 70px;

  }

  .banner__breadcrub {

    padding-top: 80px;

    margin-top: 0;

    padding-bottom: 80px;

  }

  .choose_left-ni {

    margin-bottom: 25px;

  }

  .submit_btn {

    margin-bottom: 30px;

  }

}

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

  .about_hover img {

    width: 200px;

  }

  .copy-right {

    text-align: center;

  }

  .banner-image {

    margin-top: 0;

    text-align: center;

  }

  .banner-heading {

    text-align: center;

    margin-bottom: 30px;

  }

  .call_wrap .d-flex {

    display: block;

  }

  .call_wrap .readmore {

    border: none;

    padding-right: 0;

  }

  .call_wrap .phonewrp {

    padding-left: 0;

    margin-top: 30px;

  }

  .services-wrap .title {

    margin-bottom: 10px;

  }

}

@media screen and (max-width: 990px) {

  .post-content {

    margin-top: 30px;

  }

  .post-image img {

    width: 100%;

  }

  .comment__reply {

    padding-left: 0px;

  }

}

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

  .dashboard_wrap .contactWrp .col-lg-9 {

    margin-top: 30px;

  }

  .slidertext1 {

    top: 80px !important;

  }

  .slidertext1,

  .slidertext1 span {

    font-size: 14px !important;

  }

  .slidertext2 {

    font-size: 20px !important;

    line-height: 24px !important;

  }

  .slidertext2 span {

    font-size: 18px !important;

    line-height: 24px !important;

  }

  .slidetextbg {

    height: 90px;

    width: 94%;

    border-radius: 15px;

    margin: 0 3% !important;

  }

}

@media screen and (max-width: 480px) {

  .gi-single-list {

    padding: 20px;

  }

  .gi-single-list ul li strong {

    display: block;

  }

  .inbox_people,

  .mesgs {

    float: none;

    width: 100%;

  }

  .contactWrp .form-group {

    display: block;

  }

  .review_stars {

    margin-left: 0;

  }

  .moreImages {

    margin: 15px 0;

  }

  .list_info span {

    width: auto;

    float: none;

    display: block;

  }

  .card-body {

    padding: 20px !important;

  }

  .slidertext1 {

    top: 70px !important;

  }

  .slidetextbg {

    height: 100px;

    top: 60px !important;

  }

}

/********************************

        Career Page

********************************/

.career_wrap {

  padding: 70px 0;

}

.job-card {

  background: white;

  border-radius: 12px;

  padding: 24px;

  border: 1px solid #e9ecef;

  transition: box-shadow 0.3s ease;

  margin-bottom: 30px;

}

.career_wrap .readmore a {

  padding: 13px 25px;

  font-size: 14px;

}

.job-card:hover {

  box-shadow: 0 5px 19px rgb(0 0 0 / 9%);

}

.job-icon {

  margin-right: 16px;

}

.icon-circle {

  width: 50px;

  height: 50px;

  background: #28a745;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: white;

  font-size: 20px;

}

.job-title h5 a {

  font-weight: 600;

  color: #000;

  font-size: 18px;

  text-decoration: none;

}

.job-title h5 a:hover {

  color: #cf0d40;

}

.job-details {

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.job-type {

  background: rgb(0 153 102 / 12%);

  color: #009966;

  padding: 6px 12px;

  border-radius: 20px;

  font-size: 12px;

  font-weight: 500;

  display: inline-block;

  width: fit-content;

}

.job-date {

  display: flex;

  align-items: center;

  gap: 6px;

  color: #6c757d;

  font-size: 14px;

}

.job-date i {

  font-size: 12px;

}

.job-info {

  display: flex;

  flex-direction: column;

  gap: 8px;

}

.location {

  display: flex;

  align-items: center;

  gap: 6px;

  color: #6c757d;

  font-size: 14px;

}

.location i {

  font-size: 12px;

}

.salary {

  color: #2c3e50;

  font-size: 16px;

  font-weight: 600;

}

.salary span {

  font-weight: 600;

}

.action-buttons {

  display: flex;

  align-items: center;

  gap: 25px;

  justify-content: flex-end;

}

.btn-save {

  width: 40px;

  height: 40px;

  border: 2px solid #f9b341;

  background: transparent;

  border-radius: 50%;

  color: #f9b341;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s ease;

  cursor: pointer;

}

.btn-save:hover {

  background: #f9b341;

  color: white;

}

.btn-apply {

  background: #28a745;

  color: white;

  border: none;

  padding: 10px 20px;

  border-radius: 8px;

  font-weight: 500;

  font-size: 14px;

  cursor: pointer;

  transition: all 0.3s ease;

}

.btn-apply:hover {

  background: #218838;

  transform: translateY(-1px);

}

.careerlist ul li {

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 12px;

}

.careerlist ul {

  list-style: none;

  padding: 0;

}

.careerlist ul li {

  position: relative;

  padding-left: 30px;

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

}

.careerlist ul li:before {

  font-family: "Font Awesome 5 Free";

  font-weight: bold;

  content: "\f0a9";

  position: absolute;

  top: 0;

  left: 0;

  color: #cf0d40;

}

.career_details h3 {

  margin-top: 20px;

  margin-bottom: 10px;

  font-size: 24px;

}

/* Job Information Card */

.job-info-card {

  background: white;

  border-radius: 8px;

  padding: 24px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  border: 1px solid #e9ecef;

  max-width: 500px;

  margin: 0 auto;

  position: sticky;

  top: 0;

}

/* Card Title */

.card-title {

  font-size: 20px;

  font-weight: 700;

  color: #2c3e50;

  margin-bottom: 20px;

  padding-bottom: 12px;

  border-bottom: 1px solid #e9ecef;

}

.job-details {

  display: flex;

  flex-direction: column;

  gap: 16px;

}

.detail-item {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 8px 0;

}

.detail-icon {

  width: 20px;

  height: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #6c757d;

  font-size: 14px;

  flex-shrink: 0;

}

.detail-content {

  display: flex;

  flex-direction: column;

  gap: 2px;

  flex: 1;

}

.detail-label {

  font-size: 14px;

  color: #6c757d;

  font-weight: 500;

}

.detail-value {

  font-size: 14px;

  color: #000;

  font-weight: 600;

}

/* Application Form Card */

.application-form-card {

  background: white;

  border-radius: 12px;

  padding: 30px;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  border: 1px solid #e9ecef;

  max-width: 800px;

  margin: 0 auto;

}

/* Form Title */

.application-form-card .form-title {

  font-size: 24px;

  font-weight: 700;

  color: #2c3e50;

  margin-bottom: 30px;

  text-align: center;

  padding-bottom: 15px;

  border-bottom: 2px solid #d11f43;

}

/* Form Groups */

.application-form-card .form-group {

  margin-bottom: 20px;

}

.application-form-card .form-label {

  display: block;

  font-weight: 600;

  color: #2c3e50;

  margin-bottom: 8px;

  font-size: 16px;

}

.application-form-card .form-group .form-control {

  width: 100%;

  padding: 12px 16px;

  border: 2px solid #e9ecef;

  border-radius: 0px;

  font-size: 14px;

  transition: all 0.3s ease;

  background-color: #fff;

}

.application-form-card .form-control:focus {

  outline: none;

}

.application-form-card .form-control::placeholder {

  color: #adb5bd;

}

/* Textarea specific styling */

.application-form-card textarea.form-control {

  resize: vertical;

  min-height: 100px;

}

@media (max-width: 990px) {

  .job-info-card {

    margin-top: 30px !important;

  }

}

@media (max-width: 768px) {

  .job-info-card {

    margin: 0 15px;

    padding: 20px;

  }

  .card-title {

    font-size: 18px;

    margin-bottom: 16px;

  }

  .job-details {

    gap: 14px;

  }

  .detail-item {

    gap: 10px;

    padding: 6px 0;

  }

  .detail-icon {

    width: 18px;

    height: 18px;

    font-size: 13px;

  }

  .detail-label,

  .detail-value {

    font-size: 13px;

  }

}

@media (max-width: 576px) {

  .job-info-card {

    margin: 0 10px;

    padding: 16px;

  }

  .card-title {

    font-size: 16px;

    margin-bottom: 14px;

  }

  .job-details {

    gap: 12px;

  }

  .detail-item {

    gap: 8px;

    padding: 4px 0;

  }

}

/* Hover Effects */

.detail-item:hover {

  background-color: #f8f9fa;

  border-radius: 4px;

  padding: 8px 4px;

  margin: 0 -4px;

  transition: background-color 0.2s ease;

}

/* Additional styling for better visual hierarchy */

.detail-content {

  min-height: 32px;

  justify-content: center;

}

/* Ensure consistent spacing */

.detail-item:last-child {

  margin-bottom: 0;

}

/* Responsive Design */

@media (max-width: 768px) {

  .job-card {

    padding: 20px;

  }

  .row {

    flex-direction: column;

    gap: 20px;

  }

  .col-md-4,

  .col-md-3,

  .col-md-2 {

    width: 100%;

    margin-bottom: 15px;

  }

  .action-buttons {

    justify-content: center;

    flex-wrap: wrap;

  }

  .d-flex {

    justify-content: center;

  }

}

@media (max-width: 576px) {

  .job-card {

    padding: 16px;

  }

  .icon-circle {

    width: 40px;

    height: 40px;

    font-size: 16px;

  }

  .job-title h5 {

    font-size: 16px;

  }

  .btn-apply {

    padding: 8px 16px;

    font-size: 13px;

  }

  .btn-save {

    width: 35px;

    height: 35px;

  }

}

@media (max-width: 992px) {

  .col-md-3 {

    margin-bottom: 15px;

  }

}



/*************************************

        Form Css Start

*************************************/

.inquiry-card {

  border-radius: 14px;

  padding: 30px;

}

.b2bquote .container {

  max-width: 1200px;

}

.section-title {

  font-size: 17px;

  font-weight: 600;

  margin: 30px 0 15px;

  padding-left: 12px;

  border-left: 4px solid #cf0d40;

  color: #1f2937;

}

.form-control,

.form-select {

  border-radius: 8px;

  padding: 12px 14px;

}



.form-control:focus,

.form-select:focus {

  box-shadow: none;

  border-color: #2563eb;

}



.school-logos-section {

  background-color: #f9fafb;

}



.section-heading {

  font-size: 28px;

  font-weight: 700;

  color: #1f2937;

}



.school-logo-carousel .logo-item {

  background: #ffffff;

  border-radius: 12px;

  padding: 20px;

  text-align: center;

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

}



.school-logo-carousel .logo-item img {

  max-height: 80px;

  max-width: 100%;

  object-fit: contain;

  filter: grayscale(100%);

  transition: all 0.3s ease;

}



.school-logo-carousel .logo-item:hover img {

  filter: grayscale(0%);

  transform: scale(1.05);

}

.nobg {

  background: none;

}



.owl-nav {

  display: none;

}



.testimonials-section-alt {

  background-color: #ffffff;

}



.section-heading {

  font-size: 28px;

  font-weight: 700;

  color: #1f2937;

}



.testimonial-item {

  background: #f9fafb;

  border-radius: 16px;

  padding: 28px;

  height: 100%;

  transition: transform 0.3s ease;

}



.testimonial-item:hover {

  transform: translateY(-6px);

}



.testimonial-header {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 14px;

}



.avatar {

  width: 48px;

  height: 48px;

  border-radius: 50%;

  background: #5e5e5e;

  color: #ffffff;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: center;

  object-fit: fill;

}



.testimonial-header h6 {

  margin: 0;

  font-size: 15px;

  font-weight: 600;

  color: #111827;

}



.testimonial-header span {

  font-size: 13px;

  color: #6b7280;

}



.accent-bar {

  width: 40px;

  height: 4px;

  background: #cf0d40;

  border-radius: 10px;

  margin: 12px 0 16px;

}

.venuebg {

  background: #cf0d40;

}

.venuebg .section-heading,

.venuebg .text-muted {

  color: #fff !important;

}

.testimonial-item p {

  font-size: 15px;

  line-height: 1.7;

  color: #374151;

}

/* Owl Dots Wrapper */

.testimonial-carousel-alt .owl-dots {

  margin-top: 35px;

  display: flex;

  justify-content: center;

  gap: 10px;

}



/* Default Dot */

.testimonial-carousel-alt .owl-dot span {

  width: 14px;

  height: 6px;

  background: #d1d5db;

  display: block;

  border-radius: 10px;

  transition: all 0.3s ease;

}



/* Active Dot */

.testimonial-carousel-alt .owl-dot.active span {

  width: 30px;

  background: #cf0d40;

}



/* Hover Effect */

.testimonial-carousel-alt .owl-dot:hover span {

  background: #1e40af;

}

.owl-dots button {

  border: none;

}





.faq-section {

  background: url(../images/faqsbg.jpg) no-repeat top;

  background-size: cover;

  position: relative;
  margin-bottom: 70px;

}

.accordion-collapse {

  border: none;

}

.faq-section:before {

  content: "";

  background: rgb(239 239 239 / 56%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.section-heading {

  font-size: 28px;

  font-weight: 700;

  color: #1f2937;

}

.faq-section .container {

  z-index: 99;

  position: relative;

}

.faq-accordion .accordion-item {

  border: none;

  margin-bottom: 15px;

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);

}



.faq-accordion .accordion-button {

  background: #ffffff;

  font-weight: 600;

  color: #111827;

  padding: 18px 22px;

  border: none;

}



.faq-accordion .accordion-button:not(.collapsed) {

  background: #cf0d40;

  color: #ffffff;

}

/* Default arrow color */

.faq-accordion .accordion-button::after {

  filter: invert(0);

  transition: all 0.3s ease;

}



/* Active (expanded) arrow color */

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

  filter: invert(1); /* makes arrow white */

}



.faq-accordion .accordion-button:focus {

  box-shadow: none;

}



.faq-accordion .accordion-body {

  background: #ffffff;

  font-size: 15px;

  line-height: 1.7;

  color: #374151;

  padding: 20px 22px;

}



.cta-section {

  background: #cf0d40;

  color: #ffffff; 

  padding: 50px 30px;

  margin: 50px 0 0 0;

}

.qrcode svg{width: 160px; height: 160px;}
.qrbtns{margin-top: 20px; display: flex;
    justify-content: center;
    gap: 10px;}

.cta-heading {

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 15px;

}



.cta-text {

  font-size: 16px;

  color: #fff;

}



.cta-section .btn {

  border-radius: 10px;

  font-weight: 600;

  padding: 12px 28px;

  transition: all 0.3s ease;

}



.cta-section .btn-primary {

  background-color: #ffffff;

  color: #cf0d40;

}



.cta-section .btn-primary:hover {

  background-color: #000;

  color: #fff;

}



.cta-section .btn-outline-primary {

  border-color: #ffffff;

  color: #ffffff;

}



.cta-section .btn-outline-primary:hover {

  background-color: #ffffff;

  color: #cf0d40;

  border-color: #ffffff;

}



.tabs-section {

  background-color: #cf0d40;

  padding: 50px 30px;

  margin-top: 40px;

}



.nav-pills .nav-link {

  border-radius: 50px;

  padding: 10px 30px;

  font-weight: 600;

  color: #ffffff;

  border: 1px solid #ffebf0;

  transition: all 0.3s ease;

}



.nav-pills .nav-link:hover {

  background-color: #fff;

  color: #cf0d40;

}



.nav-pills .nav-link.active {

  background-color: #fff;

  color: #cf0d40;

}

.tabs-section .section-heading,

.tabs-section .text-muted {

  color: #fff !important;

}

.tab-content p {

  font-size: 15px;

  line-height: 1.7;

  color: #374151;

  margin-top: 25px;

}



@media (max-width: 480px) {

  .inquiry-card {

    padding: 10px;

  }

}



/* Popcorn Bar Landing Page Styles */

.popcorn-landing {

  padding: 0;

  margin-top: 10px;

}



/* Hero Section */

.popcorn-hero {

  background: #f5f0e8 url(../images/landing-hero-bg.jpg) no-repeat center center;

  background-size: cover;

  padding: 100px 0 150px 0;

  position: relative;

  overflow: hidden;

}



.popcorn-hero .container {

  position: relative;

  z-index: 1;

}

.landinghero-text {

  text-align: center;

  max-width: 800px;

  margin: 0 auto;

}

.popcorn-hero h1 {

  font-size: 60px;

  color: #fff;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 20px;

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

}

.popcorn-hero h2 {

  font-size: 60px;

  color: #fff;

  font-weight: 700;

  line-height: 1.2;

  margin-bottom: 20px;

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

}

.popcorn-hero .hero-description {

  font-size: 26px;

  color: #fff;

  font-weight: 700;

  line-height: 1.4;

  margin-bottom: 35px;

}

.popcorn-hero .hero-cta {

  display: inline-block;

  background: #55c9d1;

  color: #fff;

  padding: 18px 45px;

  font-size: 18px;

  font-weight: 600;

  text-decoration: none;

  border-radius: 6px;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);

  transition: all 0.3s ease;

  margin-bottom: 20px;

}

.popcorn-hero .hero-cta:hover {

  transform: translateY(-2px);

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);

  color: #fff;

  background: #cf0d40;

}

.popcorn-hero .hero-subtext {

  font-size: 18px;

  color: #fff;

  font-style: italic;

  font-weight: 600;

}

.popcorn-hero-img {

  text-align: right;

}

.popcorn-hero-img img {

  max-width: 100%;

  height: auto;

  border-radius: 10px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

}



/* Section Styles */

.popcorn-section {

  padding: 80px 0;

  background-color: #fff;

}

.popcorn-section.alt-bg {

  background-color: #faf8f4;

}

.popcorn-section h2 {

  font-size: 40px;

  color: #000000;

  font-weight: 700;

  margin-bottom: 30px;

}

.popcorn-section p {

  font-size: 18px;

  color: #6c6c6c;

  line-height: 1.8;

}



/* Features List */

.popcorn-features {

  list-style: none;

  padding: 0;

  margin: 0;

}

.popcorn-features li {

  display: flex;

  align-items: flex-start;

  margin-bottom: 30px;

  padding-left: 0;

}

.popcorn-features .feature-icon {

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

  flex-shrink: 0;

}

.popcorn-features .feature-icon i {

  font-size: 24px;

  color: #fff;

}

.popcorn-features .feature-text {

  flex: 1;

}

.popcorn-features .feature-text strong {

  display: block;

  font-size: 20px;

  color: #000;

  margin-bottom: 3px;

  font-weight: 700;

}

.popcorn-features .feature-text p {

  font-size: 16px;

  color: #6c6c6c;

  margin: 0;

  line-height: 1.6;

}



/* What's Included Grid */

.wincludesec {

  padding: 50px 0;

}

.wincludesec h2 {

  font-size: 36px;

  margin-bottom: 30px;

  margin-left: 20px;

}



.managethingbox {

  font-size: 24px;

  font-weight: 700;

  color: #fff;

  background: #55c9d1;

  padding: 10px 20px;

  border-radius: 15px;

  text-align: center;

  position: absolute;

  right: 15px;

  bottom: 15px;

  width: 170px;

  line-height: 30px;

}



.included-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

}

.included-item {

  padding: 20px;

}

.included-item .included-icon {

  width: 80px;

  height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 0 20px 0;

}

.included-item .included-icon i {

  font-size: 36px;

  color: #fff;

}

.included-item h3 {

  font-size: 20px;

  color: #5c3a21;

  font-weight: 600;

  margin-bottom: 10px;

}

.included-item p {

  font-size: 14px;

  color: #6c6c6c;

  margin: 0;

}

.included-bullets {

  list-style: none;

  padding: 0;

  margin: 30px 0 0;

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

}

.included-bullets li {

  display: flex;

  align-items: center;

  font-size: 16px;

  color: #5c3a21;

}

.included-bullets li::before {

  content: "✓";

  width: 24px;

  height: 24px;

  background-color: #8b9a5b;

  color: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

  font-weight: bold;

  font-size: 14px;

}



/* Process Steps */

.process-steps {

  list-style: none;

  padding: 0;

  margin: 0;

}

.process-steps li {

  display: flex;

  align-items: flex-start;

  margin-bottom: 30px;

  padding-left: 0;

}

.process-steps .step-number {

  width: 50px;

  height: 50px;

  background-color: #cf0d40;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

  flex-shrink: 0;

  font-size: 24px;

  font-weight: 700;

  color: #fff;

}

.process-steps li:nth-child(2) .step-number {

  background-color: #55c9d1;

}

.process-steps li:nth-child(3) .step-number {

  background-color: #f9b341;

}



.process-steps .step-text {

  flex: 1;

  font-size: 18px;

  color: #6c6c6c;

  line-height: 1.6;

  padding-top: 3px;

  font-weight: 600;

}

.process-closing {

  font-size: 20px;

  color: #000;

  font-weight: 600;

  margin-top: 30px;

  font-style: italic;

}



/* Quote Form */

.quote-form-section {

  padding: 70px 0;

  position: relative;

}

.quote-form-wrapper {

  background-color: #fff;

  padding: 50px;

  border-radius: 10px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

  position: relative;

}

.quote-form-wrapper::before {

  content: "GET A QUOTE";

  position: absolute;

  top: -20px;

  left: 30px;

  background-color: #cf0d40;

  color: #fff;

  padding: 8px 20px;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1px;

  border-radius: 4px;

}

.quote-form-section h2 {

  margin-bottom: 30px;

  font-weight: 700;

  font-size: 36px;

}

.quote-form .form-group {

  margin-bottom: 20px;

}

.quote-form .form-group label {

  display: block;

  font-size: 16px;

  color: #5c3a21;

  font-weight: 600;

  margin-bottom: 8px;

}

.quote-form .form-control {

  width: 100%;

  padding: 14px 18px;

  font-size: 16px;

  border: 2px solid #e8e0d6;

  border-radius: 6px;

  background-color: #fff;

  color: #5c3a21;

  transition: all 0.3s ease;

  appearance: auto;

}

.quote-form .form-control:focus {

  outline: none;

  border-color: #cf0d40;

  box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.1);

}

.quote-form .form-control select {

  cursor: pointer;

}

.quote-form .submit-btn {

  background-color: #f9b341;

  color: #000;

  padding: 16px 45px;

  font-size: 18px;

  font-weight: 600;

  border: none;

  border-radius: 6px;

  cursor: pointer;

  transition: all 0.3s ease;

  width: 100%;

  margin-top: 10px;

  text-transform: uppercase;

}

.quote-form .submit-btn:hover {

  background-color: #000;

  color: #fff;

  transform: translateY(-2px);

  box-shadow: 0 4px 15px rgba(139, 154, 91, 0.3);

}

.quote-form-image {

  position: relative;

  text-align: right;

}

.quote-form-image img {

  max-width: 100%;

  height: auto;

  border-radius: 10px;

}



/* Section Images */

.popcorn-section-img {

  text-align: center;

  position: relative;

}

.popcorn-section-img img {

  max-width: 100%;

  height: auto;

}



/* Responsive */

@media (max-width: 991px) {

  .popcorn-hero h1 {

    font-size: 42px;

  }

  .popcorn-hero h2 {

    font-size: 42px;

  }

  .popcorn-hero-img {

    text-align: center;

    margin-top: 40px;

  }

  .popcorn-section h2 {

    font-size: 36px;

  }

  .quote-form-wrapper {

    padding: 40px 30px;

    margin-top: 40px;

  }

  .quote-form-image {

    text-align: center;

    margin-top: 40px;

  }

}

@media (max-width: 767px) {

  .popcorn-hero {

    padding: 100px 0 60px;

  }

  .popcorn-hero h1 {

    font-size: 36px;

  }

  .popcorn-hero h2 {

    font-size: 36px;

  }

  .popcorn-section {

    padding: 60px 0;

  }

  .popcorn-section h2 {

    font-size: 32px;

    margin-bottom: 30px;

  }

  .included-grid {

    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

    gap: 20px;

  }

  .quote-form-wrapper {

    padding: 30px 20px;

  }

}



.success-modal .modal-content {

  border-radius: 12px;

  border: 1px solid #d0d0d0;

  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);

  overflow: hidden;

}

.success-modal .modal-header {

  border-bottom: none;

  padding: 20px 20px 0;

  position: relative;

}

.success-modal .btn-close {

  position: absolute;

  top: 15px;

  right: 15px;

  width: 24px;

  height: 24px;

  opacity: 0.7;

  background-size: 16px;

  padding: 0;

  z-index: 10;

}

.success-modal .btn-close:hover {

  opacity: 1;

}

.success-modal .modal-body {

  padding: 40px 50px 30px;

  text-align: center;

}

.success-modal .check-icon {

  width: 100px;

  height: 100px;

  margin: 0 auto 30px;

  display: block;

}

.success-modal .check-icon img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.success-modal h3 {

  color: #543929;

  font-weight: 700;

  font-size: 32px;

  margin-bottom: 18px;

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

}

.success-modal .modal-message {

  color: #6c6c6c;

  font-size: 18px;

  line-height: 1.7;

  margin-bottom: 0;

}

.success-modal .modal-footer {

  border-top: none;

  padding: 0 50px 40px;

  justify-content: center;

}

.success-modal .close-btn {

  background-color: #cf0d40;

  color: #fff;

  border: 1px solid #cf0d40;

  padding: 12px 45px;

  font-size: 16px;

  font-weight: 600;

  border-radius: 6px;

  cursor: pointer;

  transition: all 0.3s ease;

  min-width: 120px;

}

.success-modal .close-btn:hover {

  background-color: #000;

  border-color: #000;

  color: #fff;

}

@media (max-width: 576px) {

  .success-modal .modal-body {

    padding: 30px 25px 20px;

  }

  .success-modal .modal-footer {

    padding: 0 25px 30px;

  }

  .success-modal h3 {

    font-size: 26px;

  }

  .success-modal .modal-message {

    font-size: 16px;

  }

  .success-modal .check-icon {

    width: 80px;

    height: 80px;

    margin-bottom: 25px;

  }

}









/*  Counter Section Start */

.metrics-section {

 padding-bottom: 90px;

 padding-top: 40px;

  position: relative;

  overflow: hidden;

}



.metrics-section::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/bg.jpg) no-repeat center;

  background-size: cover;

  opacity: 0.1;

  z-index: 0;

}



.metrics-section .container {

  position: relative;

  z-index: 1;

}



.metrics-section .section-heading {

  color: #ffffff;

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 10px;

}



.metrics-section .text-muted {

  color: rgba(255, 255, 255, 0.9);

  font-size: 16px;

}



.metric-card {

  background: rgba(255, 255, 255, 0.95);

  border-radius: 20px;

  padding: 40px 30px;

  text-align: center;

  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);

  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  position: relative;

  overflow: hidden;

  height: 100%;

}



.metric-card::before {

  content: "";

  position: absolute;

  top: -50%;

  left: -50%;

  width: 200%;

  height: 200%;

  background: radial-gradient(circle, rgba(207, 13, 64, 0.1) 0%, transparent 70%);

  opacity: 0;

  transition: opacity 0.4s ease;

}



.metric-card:hover {

  transform: translateY(-10px) scale(1.02);

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);

}



.metric-card:hover::before {

  opacity: 1;

}



.metric-icon {

  width: 80px;

  height: 80px;

  margin: 0 auto 20px;

  background: linear-gradient(135deg, #cf0d40 0%, #ff6b9d 100%);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 32px;

  color: #ffffff;

  box-shadow: 0 8px 20px rgba(207, 13, 64, 0.3);

  transition: all 0.4s ease;

  position: relative;

  z-index: 1;

}



.metric-card:hover .metric-icon {

  transform: rotate(360deg) scale(1.1);

  box-shadow: 0 12px 30px rgba(207, 13, 64, 0.4);

}



.metric-number {

  font-size: 48px;

  font-weight: 800;

  color: #1f2937;

  line-height: 1;

  margin-bottom: 5px;

  display: inline-block;

  position: relative;

  z-index: 1;

  font-family: 'Arial', sans-serif;

}



.metric-suffix {

  font-size: 36px;

  font-weight: 700;

  color: #cf0d40;

  display: inline-block;

  margin-left: 5px;

  position: relative;

  z-index: 1;

}



.metric-label {

  font-size: 16px;

  font-weight: 600;

  color: #6b7280;

  margin-top: 15px;

  line-height: 1.4;

  position: relative;

  z-index: 1;

}



@media (max-width: 768px) {

  .metric-card {

    padding: 30px 20px;

  }

  

  .metric-icon {

    width: 70px;

    height: 70px;

    font-size: 28px;

  }

  

  .metric-number {

    font-size: 40px;

  }

  

  .metric-suffix {

    font-size: 30px;

  }

  

  .metric-label {

    font-size: 14px;

  }

}