@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.webp) no-repeat;



    width: 46px;



    height: 46px;



    position: absolute;



    top: 5px;



    left: 0;



}



.emailInfo:before {



    content: "";



    background: url(../images/email.webp) 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.webp);



  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.webp) 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.webp);



  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.webp) 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.webp) 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.webp) 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.webp) 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.webp) no-repeat;



}



.footer_wrap .call-us.email:before {



  background: url(../images/footer-icon-2.webp) 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.webp) 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.webp) 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.webp) 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;



}



.b2bquote .card .table tr td a {

  text-decoration: none;

  color: #000;

  font-weight: 500;

}



.b2bquote .card .table tr td a:hover {

  text-decoration: none;

  color: #cf0d40;

  font-weight: 500;

}



.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.webp) 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.webp) 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 {

  margin-top: 60px;

}



.guessworkWrp {

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

  color: white;

  bottom: 0;

  display: flex !important;

  flex-wrap: wrap;

  justify-content: flex-end !important;

  align-items: baseline !important;

  padding-bottom: 10px !important;

}



.quote-form-wrapper {



  background-color: #fff !important;



  padding: 50px !important;



  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.webp) 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;



  }



}







/* Hero Section */

.sp26-hero {

  padding: 80px 0;

  background: url(../images/popcorns-Office-bg.webp) no-repeat center;

  background-size: cover;

}



.sp26-hero-content {

  max-width: 600px;

}



.sp26-hero-image {

  flex: 1;

  position: relative;

}





.sp26-hero-img img {

  width: 100%;

  height: auto;

  animation: sp26-float 6s ease-in-out infinite;

}



@keyframes sp26-float {

  0% {

    transform: translateY(0px);

  }



  50% {

    transform: translateY(-15px);

  }



  100% {

    transform: translateY(0px);

  }

}





.sp26-hero h1 {

  font-size: 3.5rem;

  font-weight: 800;

  color: #000;

  margin-bottom: 20px;

  line-height: 1.1;

}



.sp26-hero p {

  font-size: 24px;

  color: #555;

  margin-bottom: 35px;

}



/* Testimonial */

.sp26-testimonial {

  background-color: #fff5f8;

  /* Light tint of primary */

  padding: 50px 0;

  text-align: center;

}



.sp26-quote {

  font-size: 1.5rem;

  font-weight: 500;

  color: #333;

  max-width: 800px;

  margin: 0 auto 30px;

  font-style: italic;

}



.sp26-quote-author {

  font-weight: 700;

  color: #cf0d40;

}



.sp26-quote-role {

  color: #777;

  font-weight: 400;

  font-size: 0.9rem;

}



/* How it works */

.sp26-pricing {

  padding: 50px 0;

  background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);

}



.sp26-section-title {

  text-align: center;

  font-size: 2.5rem;

  color: #333;

  margin-top: 0;

  margin-bottom: 40px;

  font-weight: 700;

}



.sp26-pricing-grid {

  display: grid;

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

  gap: 40px;

}



.sp26-card {

  background: white;

  padding: 40px;

  border-radius: 24px;

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

  border: 1px solid #eee;

  transition: transform 0.3s ease;

  position: relative;

  overflow: hidden;

}



.sp26-card:hover {

  transform: translateY(-8px);

  border-color: #55c9d1;

  /* Secondary color on hover */

}



.sp26-card::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: #cf0d40;

}



.sp26-card.sp26-card-highlight::before {

  background: #f9b341;

  /* Yellow */

}



.sp26-card-title {

  font-size: 1.5rem;

  color: #cf0d40;

  margin-bottom: 15px;

  font-weight: 700;

}



.sp26-price {

  font-size: 2.5rem;

  font-weight: 800;

  color: #333;

  margin-bottom: 25px;

  display: flex;

  align-items: baseline;

  gap: 5px;

}



.sp26-price span {

  font-size: 1rem;

  color: #777;

  font-weight: 500;

}



.sp26-features {

  list-style: none;

  padding: 0;

  margin: 0;

}



.sp26-features li {

  margin-bottom: 12px;

  display: flex;

  align-items: start;

  gap: 12px;

  color: #555;

}



.sp26-check {

  color: #55c9d1;

  /* Secondary */

  font-weight: bold;

}



/* Closing */

.sp26-closing {

  padding: 50px 0;

  background-color: white;

  display: flex;

  align-items: center;

  gap: 60px;

}



.sp26-closing-img {

  flex: 1;

}



.sp26-closing-img img {

  width: 100%;

  border-radius: 16px;

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

}



.sp26-closing-content {

  flex: 1;

}



.sp26-closing h2 {

  font-size: 36px;

  font-weight: 700;

  color: #333;

  margin-bottom: 20px;

}



.sp26-closing p {

  font-size: 1.1rem;

  color: #666;

  margin-bottom: 30px;

}



/* Footer Simple */

.sp26-footer {

  text-align: center;

  padding: 40px;

  color: #999;

  font-size: 0.9rem;

  border-top: 1px solid #eee;

}



/* Buttons */

.sp26-btn {

  display: inline-block;

  padding: 14px 28px;

  font-weight: 600;

  text-decoration: none;

  border-radius: 10px;

  transition: transform 0.2s ease, box-shadow 0.2s ease;

  cursor: pointer;

  border: none;

  font-size: 1rem;

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

}



.sp26-btn-primary {

  background-color: #cf0d40;

  /* Primary */

  color: white;

}



.sp26-btn-primary:hover {

  background-color: #000;

  transform: translateY(-2px);

  box-shadow: 0 4px 15px rgba(207, 13, 64, 0.3);

  text-decoration: none;

  color: #fff;

}



/* Responsive */

@media (max-width: 900px) {

  .sp26-hero {

    padding: 40px 15px;

  }



  .sp26-hero p {

    margin: 0 auto 30px;

  }



  .sp26-closing {

    flex-direction: column-reverse;

    padding: 30px 15px;

  }



  .sp26-closing p {

    margin-bottom: 0;

  }

}



@media (max-width: 600px) {

  .sp26-hero h1 {

    font-size: 2.5rem;

  }



  .sp26-card {

    padding: 30px 20px;

  }

}



















/* ===== Landing Page ===== */



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body.gb-body {



  background: #fffaf5;

  overflow-x: hidden;

  color: #333;

}



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

           HERO SECTION

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

.gb-hero {

  position: relative;

  width: 100%;

  height: 85vh;

  min-height: 700px;

  max-height: 820px;

  overflow: hidden;

}



.gb-hero-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  animation: heroZoom 20s ease-in-out infinite alternate;

}



@keyframes heroZoom {

  0% {

    transform: scale(1);

  }



  100% {

    transform: scale(1.08);

  }

}



.gb-hero-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.35) 100%);

}



.gb-hero-brand {

  position: absolute;

  top: 24px;

  right: 30px;

  z-index: 5;

}



.gb-hero-brand img {

  height: 50px;

}



.gb-hero-brand-text {

  color: #fff;

  font-size: 1.5rem;

  font-weight: 800;

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

  letter-spacing: 1px;

}



/* Curved bottom on hero */

.gb-hero::after {

  content: '';

  position: absolute;

  bottom: -2px;

  left: 0;

  right: 0;

  height: 80px;

  background: #fffaf5;

  border-radius: 50% 50% 0 0;

}



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

           PLAN SECTION

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

.gb-plans {

  padding: 25px 0 60px;

  text-align: center;

  background: #fffaf5;

}



.gb-plans h2 {



  font-size: 2.6rem;

  font-weight: 700;

  color: #1a1a1a;

  margin-bottom: 12px;

  line-height: 1.3;

  opacity: 0;

  animation: fadeInUp 0.8s ease forwards;

}



.gb-plans h2 strong {

  font-weight: 700;

}



.gb-plans>.container>p {

  font-size: 1.1rem;

  color: #777;

  margin-bottom: 30px;

  opacity: 0;

  animation: fadeInUp 0.8s ease 0.15s forwards;

}



/* Plan Toggle Buttons */

.gb-plan-toggles {

  display: flex;

  justify-content: center;

  gap: 10px;

  margin-bottom: 24px;

  flex-wrap: wrap;

  opacity: 0;

  animation: fadeInUp 0.8s ease 0.3s forwards;

}



.gb-plan-toggle {

  padding: 10px 24px;

  border-radius: 50px;

  border: 2px solid #e0d5c8;

  background: transparent;



  font-size: 0.95rem;

  font-weight: 600;

  color: #555;

  cursor: pointer;

  transition: all 0.3s ease;

}



.gb-plan-toggle:hover {

  border-color: #e8860c;

  color: #e8860c;

}



/*.gb-plan-toggle.active {

  background: #f9b341;

  color: #000000;

  border-color: #f9b341;

}*/



.gb-plan-toggle.active::after {

  content: ' ›';

}



.gb-plan-cta {

  display: inline-block;

  padding: 14px 36px;

  background: linear-gradient(135deg, #f9b341, #e8860c);

  color: #fff;

  font-weight: 700;

  font-size: 1rem;

  border-radius: 50px;

  text-decoration: none;

  transition: all 0.4s ease;

  box-shadow: 0 6px 20px rgba(232, 134, 12, 0.25);

  opacity: 0;

  animation: fadeInUp 0.8s ease 0.45s forwards;

}



.gb-plan-cta:hover {

  transform: translateY(-3px);

  box-shadow: 0 10px 30px rgba(232, 134, 12, 0.4);

  color: #fff;

}



.gb-plan-cta::after {

  content: ' →';

}



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

           RHYTHM SECTION

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

.gb-rhythm {

  padding: 70px 0;

  background: #fff;

  text-align: center;

}



.gb-rhythm h2 {



  font-size: 2.2rem;

  font-weight: 700;

  color: #1a1a1a;

  margin-bottom: 20px;

}



.gb-rhythm>.container>p {

  font-size: 1.05rem;

  color: #666;

  max-width: 680px;

  margin: 0 auto 50px;

  line-height: 1.8;

}



.gb-rhythm>.container>p mark {

  background: linear-gradient(transparent 60%, rgba(249, 179, 65, 0.3) 60%);

  padding: 0 2px;

}



/* Image Cards Grid */

.gb-cards-row {

  display: flex;

  gap: 24px;

  justify-content: center;

}



.gb-img-card {

  flex: 1;

  max-width: 350px;

  border-radius: 16px;

  overflow: hidden;

  background: #fff;

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

  transition: all 0.4s ease;

  opacity: 0;

  transform: translateY(30px);

}



.gb-img-card.animated {

  opacity: 1;

  transform: translateY(0);

}



.gb-img-card:hover {

  transform: translateY(-8px);

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

}



.gb-img-card:nth-child(1) {

  transition-delay: 0.1s;

}



.gb-img-card:nth-child(2) {

  transition-delay: 0.25s;

}



.gb-img-card:nth-child(3) {

  transition-delay: 0.4s;

}



.gb-img-card-image {

  width: 100%;

  height: 250px;

  overflow: hidden;

}



.gb-img-card-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 0.5s ease;

}



.gb-img-card:hover .gb-img-card-image img {

  transform: scale(1.08);

}



.gb-img-card-body {

  padding: 20px 18px; 

}



.gb-img-card-body h5 {

  font-size: 1rem;

  font-weight: 700;

  color: #1a1a1a;

  margin-bottom: 6px;

}



.gb-img-card-body p {

  font-size: 0.85rem;

  color: #999;

  margin: 0;

  line-height: 1.5;

}



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

           BOTTOM SECTION (Testimonial + Form)

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

.gb-bottom {

  padding: 80px 0;

  background: linear-gradient(180deg, #f5ede3 0%, #ede1d3 100%);

}


#inquiry{margin-bottom: 50px;}
#inquiry .quote-form-wrapper::before {

  content: "GET A Inquiry";

  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;

}



.gb-bottom-inner {

  align-items: center

}



/* Testimonial Side */

.gb-testimonial-side {

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 30px 0;

}



.gb-testimonial-quote {



  font-size: 1.6rem;

  font-style: italic;

  color: #2a2a2a;

  line-height: 1.6;

  margin-bottom: 28px;

  position: relative;

}



.gb-testimonial-quote::before {

  content: '\201C';

  font-size: 3.5rem;

  color: #e8860c;

  position: absolute;

  top: -20px;

  left: -5px;

  font-family: Georgia, serif;

  line-height: 1;

}



.gb-testimonial-stars {

  display: flex;

  gap: 4px;

  margin-bottom: 10px;

}



.gb-testimonial-stars i {

  color: #f9b341;

  font-size: 1.2rem;

}



.gb-testimonial-author {

  font-size: 1rem;

  font-weight: 600;

  color: #444;

}



/* Inquiry Form Side */

.gb-form-side {

  flex: 1;

  background: #fff;

  border-radius: 20px;

  padding: 40px 36px;

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

}



.gb-form-side h3 {



  font-size: 1.8rem;

  font-weight: 700;

  color: #1a1a1a;

  margin-bottom: 8px;

}



.gb-form-side>p {

  font-size: 0.95rem;

  color: #888;

  margin-bottom: 28px;

  line-height: 1.5;

}



.gb-form-side>p::after {

  content: ' →';

}



.gb-form-group {

  margin-bottom: 18px;

}



.gb-form-group input,

.gb-form-group textarea {

  width: 100%;

  padding: 14px 18px;

  border: 1.5px solid #e8e0d5;

  border-radius: 12px;



  font-size: 0.95rem;

  color: #333;

  background: #fafafa;

  transition: all 0.3s ease;

  outline: none;

}



.gb-form-group input:focus,

.gb-form-group textarea:focus {

  border-color: #e8860c;

  background: #fff;

  box-shadow: 0 0 0 3px rgba(232, 134, 12, 0.1);

}



.gb-form-group input::placeholder,

.gb-form-group textarea::placeholder {

  color: #bbb;

}



.gb-form-group textarea {

  resize: vertical;

  min-height: 100px;

}



.gb-form-submit {

  display: inline-block;

  padding: 14px 36px;

  background: linear-gradient(135deg, #1a1a1a, #333);

  color: #fff;

  font-weight: 700;

  font-size: 1rem;

  border-radius: 50px;

  border: none;

  cursor: pointer;

  transition: all 0.4s ease;



  margin-top: 6px;

}



.gb-form-submit:hover {

  background: linear-gradient(135deg, #e8860c, #f9b341);

  transform: translateY(-2px);

  box-shadow: 0 8px 25px rgba(232, 134, 12, 0.3);

}



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

           FOOTER

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

.gb-footer {

  text-align: center;

  padding: 28px 0;

  background: #1a1a1a;

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

  font-size: 0.85rem;

}



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

           ANIMATIONS

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

@keyframes fadeInUp {

  from {

    opacity: 0;

    transform: translateY(30px);

  }



  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.anim-scroll {

  opacity: 0;

  transform: translateY(35px);

  transition: opacity 0.7s ease-out, transform 0.7s ease-out;

}



.anim-scroll.animated {

  opacity: 1;

  transform: translateY(0);

}



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

           RESPONSIVE

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

@media (max-width: 991px) {

  .gb-hero {

    height: 60vh;

    min-height: 350px;

  }



  .gb-plans h2 {

    font-size: 2rem;

  }



  .gb-rhythm h2 {

    font-size: 1.8rem;

  }







  .gb-img-card {

    max-width: 100%;

    flex: 1 1 280px;

  }



  .gb-bottom-inner {

    flex-direction: column;

  }



  .gb-testimonial-quote {

    font-size: 1.3rem;

  }

}



@media (max-width: 767px) {

  .gb-hero {

    height: 45vh;

    min-height: 280px;

  }



  .gb-hero::after {

    height: 40px;

  }



  .gb-cards-row {

    flex-wrap: wrap;

  }



  .gb-plans {

    padding: 50px 0 40px;

  }



  .gb-plans h2 {

    font-size: 1.6rem;

  }



  .gb-rhythm {

    padding: 50px 0;

  }



  .gb-rhythm h2 {

    font-size: 1.5rem;

  }



  .gb-cards-row {

    gap: 16px;

  }



  .gb-img-card-image {

    height: 180px;

  }



  .gb-bottom {

    padding: 50px 0;

  }



  .gb-testimonial-quote {

    font-size: 1.15rem;

  }



  .gb-form-side {

    padding: 28px 22px;

  }



  .gb-form-side h3 {

    font-size: 1.5rem;

  }

}



@media (max-width: 480px) {

  .gb-hero {

    height: 38vh;

    min-height: 230px;

  }



  .gb-plans h2 {

    font-size: 1.35rem;

  }



  .gb-plan-toggle {

    padding: 8px 18px;

    font-size: 0.85rem;

  }



  .gb-cards-row {

    flex-direction: column;

    align-items: center;

  }
  .sp26-btn{font-size: 14px;}
  .gb-plan-toggles{gap: 5px;}
.gb-testimonial-stars{justify-content: center;}
.gb-rhythm .gb-img-card {flex: inherit !important;}
.gb-img-card-body, .gb-testimonial-side{text-align: center;}
  .gb-img-card {

    width: 100%;

    max-width: 340px;

  }

}