@charset "utf-8";

@font-face {
  font-family: 'RobotoR';
  src: url('fonts/roboto-regular_1-webfont.woff2') format('woff2'),
      url('fonts/roboto-regular_1-webfont.woff') format('woff');
}
@font-face {
  font-family: 'RobotoL';
  src: url('fonts/roboto-light_2-webfont.woff2') format('woff2'),
      url('fonts/roboto-light_2-webfont.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'RobotoM';
  src: url('fonts/roboto-medium_3-webfont.woff2') format('woff2'),
      url('fonts/roboto-medium_3-webfont.woff') format('woff');
}
@font-face {
  font-family: 'RobotoB';
  src: url('fonts/roboto-bold_1-webfont.woff2') format('woff2'),
      url('fonts/roboto-bold_1-webfont.woff') format('woff');
}
@font-face {
  font-family: 'RobotoBK';
  src: url('fonts/roboto-black_1-webfont.woff2') format('woff2'),
      url('fonts/roboto-black_1-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsB';
  src: url('fonts/Poppins-Bold.woff2') format('woff2'),
      url('fonts/Poppins-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PoppinsSB';
  src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
      url('fonts/Poppins-SemiBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
body {
  font-family: RobotoR !important;
  background: #fff !important;
}
ul {
  padding: 0;
  margin: 0;
}
.clear {
  clear: both;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right !important;
}
p {
  margin-bottom: 0em !important;
  font-family: tt_normsregular;
}
.pad10 {
  padding: 10px;
}
.pad20 {
  padding: 20px;
}
.pad30 {
  padding: 30px;
}
.pad40 {
  padding: 40px;
}
.pad50 {
  padding: 50px;
}
.pad60 {
  padding: 60px;
}
.pad70 {
  padding: 70px;
}
.pad80 {
  padding: 80px;
}
.pad-top-10 {
  padding-top: 10px;
}
.pad-top-20 {
  padding-top: 20px;
}
.pad-top-25 {
  padding-top: 25px;
}
.pad-top-40 {
  padding-top: 40px;
}
.pad-top-45 {
  padding-top: 45px;
}
.pad-top-55 {
  padding-top: 55px;
}
.pad-top30 {
  padding-top: 30px;
}

.mgt-top-0 {
  margin-top: 0px !important;
}
.mgt-top-m5 {
  margin-top: -5px !important;
}
.mgt-top-10 {
  margin-top: 10px;
}
.mgt-top-20 {
  margin-top: 20px;
}
.mgt-top-30 {
  margin-top: 30px;
}
.mgt-top-40 {
  margin-top: 40px;
}
.mgt-top-50 {
  margin-top: 50px;
}
.mgt-top-60 {
  margin-top: 60px;
}
.mgt-top-70 {
  margin-top: 60px;
}
.mgt-left-60 {
  margin-left: 60px;
}
.mgt-bot-15 {
  margin-bottom: 15px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl
{
  max-width: 1200px !important;
}
.cadd-logo
{
  width: 300px;
  display: block;
  padding: 20px 0px;
}
.banner-wrapper img
{
  width: 100%;
  display: block;
  margin: auto;
}
.bannerbg {
    background: url(../images/banner-2026.jpg) no-repeat;
    background-size: cover;
    padding: 30px;
    height: 475px;
}
.meetup-logo img
{
  display: block;
  width: 300px;
}
.bannertext01
{
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff07b;
  font-family: PoppinsB;
  line-height: 40px;
  padding-top: 15px;
}
.bannertext01a
{
  /* font-size: 25px; */
  font-size: 20px;
  font-family:robotoR;
  color: #fff;
}
.bannertext02
{
  color: #fff;
  font-family: PoppinsB;
  /* text-align: center; */
  padding: 7px;
  border-radius: 0px 20px 20px 0px;
  background-image: linear-gradient(to right, #f41700, #e21500, #d01300, #be1000, #ad0e00);
  width: 50%;
  font-size: 18px;
  margin-top: 15px;
}
.bannertext03
{
  font-size: 25px;
  font-family: PoppinsSB;
  color: #fff;
  margin-top: 15px;
}
.bannertext03 span
{
  color: #fff;
}
.content-wrapper
{
  padding: 50px 0px 50px 0px;
}
.h1
{
  font-size: 25px;
  text-transform: uppercase;
  color: #1D1C1C;
  font-family: RobotoB;
}
.h2
{
  font-size: 18px;
  color: #4E4E4E;
  font-family: RobotoM;
  font-style: italic;
}
.para
{
  font-size: 15px;
  padding-top: 10px;
  font-family: RobotoR;
  line-height: 27px;
  padding-bottom: 25px;
}
.para2
{
  font-size: 15px;
  padding-top: 10px;
  font-family: RobotoR;
  line-height: 27px;
}
.ullist
{
  margin-left: 20px;
}
.ullist li
{
  font-size: 15px;
  padding-top: 10px;
  font-family: RobotoR;
}
.form-wrapper
{
  box-shadow: 2px 4px 18px 3px rgba(0, 0, 0, 0.1);
  padding: 25px;
  border-radius: 15px;
  width: 95%;
  margin: auto 0px auto auto;
}
.form-title
{
  color: #E31E24;
  font-size: 22px;
  text-align: center;
  font-family: RobotoB;
  margin-bottom: 20px;
}
.submit-btn
{
  background: #000;
  border: #000 solid 1px;
  color: #fff;
  text-align: center;
  display: block;
  margin: 20px auto auto auto;
  width: 100px;
}
.submit-btn:hover
{
  background: #E31E24;
  border: #E31E24 solid 1px;
}

.form-control
{
  box-shadow: 0px 0px 1.2px rgba(0, 0, 0, 0.4) !important;
  border: none !important;
  color: #58595B !important;
  font-size: 14px;
  padding: 8px;
}
.form-select
{
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4) !important;
  padding: 8px;
  border: none !important;
  color: #58595B !important;
  font-size: 14px;
}
.datebg
{
  background: #FFF3E8;
  padding: 20px;
  border-radius: 15px;
  margin-top: 30px;
}
.date-details
{
  font-size: 18px;
  font-family: RobotoR;
  padding: 7px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.date-details td img
{
  width: 24px;
  margin-top: -7px;
}
.marginalign td img
{
  margin-top: 0px;
}
.date-details td
{
  padding-right: 10px;
}
.date-details span
{
  font-family: RobotoM;
  font-size: 16px;
}
.topbrands
{
  padding: 50px 0px 50px 0px;
}
.box-wrapper
{
    margin-top: 20px;
    padding: 3px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.caddbg
{
  background-image: linear-gradient(to bottom, #e82629, #f8615c, #ff8e8c, #ffbaba, #ffe4e5);
}
.dzbg
{
  background-image: linear-gradient(to bottom, #ec008c, #f35fab, #f890c6, #fcbadf, #ffe3f4);
}
.lwbg
{
  background-image: linear-gradient(to bottom, #2e3192, #5f5eaf, #8d8dcb, #bdbee5, #eff0ff);
}
.ckbg
{
  background-image: linear-gradient(to bottom, #ff7b00, #ff9d4a, #ffbc7f, #ffdab6, #fff7f0);
}
.white-bg
{
  background: #fff;
  border-radius: 10px;
}
.franchise-locations
{
  background: #FFF3E8;
  padding: 50px 0px 50px 0px;
}
.brandimgs img
{
  display: block;
  margin:50px auto auto auto;
  width: 150px;
}
.brndpara
{
  font-size: 15px;
  text-align: center;
  font-family: RobotoR;
  padding-top: 20px;
}
.redborder
{
  border: #E31E24 solid 2px;
  padding: 20px;
  border-radius: 10px;
  margin: 20px;
}
.location-wrapper
{
  margin-left: 20px;
}
.location-wrapper li
{
  font-size: 14px;
  float: left;
  padding-right: 35px;
  padding-top: 10px;
  font-family: RobotoR;
  color: #1D1C1C;
}
.h4
{
  font-size: 18px;
  font-family: RobotoM;
}
.h4a
{
  font-size: 18px;
  font-family: RobotoM;
  padding-top: 30px;
}
.footer-wrapper
{
  background: #E31E24;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-family: RobotoR;
}
.imgbrand img
{
  display: block;
  padding: 30px 0px 30px 0px;
  width: 120px;
  margin: auto;
  
}
.imgbrand
{
  height: 130px;
}
.yellow-wrapper
{
  background: #F5F5F5;
  padding: 20px 15px 25px 15px;
}
.h3
{
  text-align: center;
  font-size: 17px;
  font-family: RobotoB;
  color: #1D1C1C;
}
.boxpara
{
  font-size: 13px;
  font-family: RobotoR;
  text-align: center;
  min-height: 75px;
}
.tablereq
{
  margin-top: 10px;
}
.tablereq td
{
  padding-right: 10px;
  font-size: 14px;
}
.areareq
{
  font-family: RobotoM;
}
.bx-icons
{
  width: 17px;
}
.boxmgttop
{
  margin-top: 50px;
}

.hero-section {
  min-height: 65vh;
  background-image: url("../images/banner-2026.jpg");
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  padding: 1rem 1rem;
}

/* Tablet */
@media (max-width: 991px) {
  .hero-section {
    min-height: 80vh;
  }
}

/* Mobile */
@media (max-width: 576px) {
  .hero-section {
    min-height: 70vh;
  }
}





@media (min-width: 700px) and (max-width: 979px) {
}

@media (max-width: 480px) {

  .hero-section {
  background: url(../images/banner-mb-2026.jpg) no-repeat;
}

.cadd-logo
{
  width: 200px !important;
}  
.bannerbg
{
  background: url(../images/banner-mb-2026.jpg) no-repeat;
  background-size: 100% auto;
  padding: 0px;
}
.bannertext01
{
  line-height: 25px;
  font-size: 20px;
}
.bannertext02
{
  width: 100%;
  font-size: 15px;
}
.bannertext01a
{
  font-size: 16px;
}
.bannertext03
{
  font-size: 18px;
  padding-bottom: 300px;
}
.meetup-logo img
{
  width: 230px;
  padding-top: 25px;
}
.content-wrapper
{
  padding: 20px;
}
.topbrands
{
  padding: 20px;
}
.boxpara
{
  min-height: auto;
}
.brandimgs img
{
  margin: 30px auto auto auto;
}
.form-wrapper
{
  margin:30px auto auto auto;
}  
}

@media (min-width: 1920px) and (max-width: 2560px) {
}
