* {
  font-family: "Roboto", sans-serif;
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
}
::placeholder {
  color: red;
}
/* .opt {
  color: red;
} */
a {
  color: #0666ad;
  text-decoration: none;
  font-size: 14px;
}
.topCarousel {
  padding: 0;
}
.header {
  width: 100%;
  min-height: 885px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
.FanModeNavbar {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
  display: flex !important;
}
.navbarBrand img,
.OffCanvasNavBarBrand img,
.solutionsNavbarBrandForWebView {
  height: 27px;
  width: 146px;
  margin-bottom: 7px;
}
.navbarBrand {
  margin: auto !important;
  font-weight: 700 !important;
  padding-right: 45px;
  font-size: 30px;
}
.aboutNavbarBrand,
.solutionsNavbarBrand {
  margin: auto !important;
  font-weight: 700 !important;
  padding-right: 45px;
  font-size: 30px;
  color: #0666ad;
}
.headerLayer {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.FanModeNavbarLinks {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  font-family: "montserrat", sans-serif !important;
  margin-right: 40px;
}
.navbar-nav .nav-link {
  padding-left: 15px;
}
.navBar {
  padding-top: 30px;
}
.navbar-light .navbar-toggler {
  border: 0;
}
.NavBarTogglerIcon {
  color: white;
  font-size: 30px;
}
.logo {
  color: white;
  font-size: 31px;
  font-weight: 900;
}
.headerHeadcontent {
  max-width: 1200px;
  min-width: 200px;
}
.header_image_z_index_layer {
  position: absolute;
  z-index: 1;
  width: 100%;
  min-height: 885px;
  top: 0;
}
.headerHeadContainer {
  width: 100% !important;
  left: 0;
  height: 100% !important;
}
.bg-image {
  background-position: center !important;
  height: 920px !important;
  background-size: cover;
}
.carousel_container_Images {
  background-size: cover !important;
  height: 885px !important;
  background-position: center !important;
  width: 100% !important;
}
.headerHead h1 {
  font-size: 72px;
  font-weight: 800;
  color: white;
  text-align: center;
  font-family: "montserrat", sans-serif;
  text-transform: uppercase;
}
.headerHead h4 {
  font-size: 45px;
  font-weight: 800;
  color: white;
  text-align: center;
  font-family: "montserrat", sans-serif;
  text-transform: uppercase;
}
.headerHead p {
  font-size: 20px;
  color: white;
}
.appStoreBTN {
  display: flex !important;
  width: 266px !important;
  float: left;
  margin-top: 14px;
}
.AppleDownloadImageBotton,
.GooglePlayStoreImageButton {
  background-color: transparent;
  border: 0;
}
.AppleDownloadImage {
  width: 120px !important;
  height: 40px !important;
}
.GooglePlayStoreImage {
  margin-left: 25px !important;
  width: 120px !important;
  height: 40px !important;
}

.header_icons_box {
  float: right;
}
.header_icons_container {
  z-index: 1;
  position: absolute;
  bottom: 0;
}
.header_icons {
  color: white;
  font-size: 32px;
  padding: 15px 15px 34px 15px;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbarContainer {
  background-color: rgb(3, 3, 109, 0.5);
}
.appleAndPlayStoreButtonForMobileView {
  text-align: center;
}
/* --------------------------------demo nav bar -------------------------------------*/
.offcanvas-body {
  background-color: #0666ad;
}
.OffCanvasNavBarBrand {
  font-size: 40px !important;
  font-weight: 700 !important;
  color: #0666ac !important;
}
/* -------------------------------section 2 box---------------------------------- */
.section2Container {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.Section2Box {
  height: 147px;
  width: 100%;
  background-color: #e8e8e8;
  padding-top: 25px;
}
.RectangleBoxContentInnerContent {
  width: 100%;
}
.RectangleBoxContentInnerContent1 {
  display: flex;
  width: 200px;
}
.RectangleBoxContentInnerContent1 img {
  height: 48px !important;
  width: 48px !important;
  margin-top: 7px !important;
}
.RectangleBoxContentInnerContent1 h4 {
  font-size: 20px;
  color: #ffffff;
  font-family: "montserrat", sans-serif;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
}
.RectangleBoxContentInnerContent1 span {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 450;
}
.RectangleBoxContentInnerContent2H5 h5 {
  color: #ffffff;
  font-family: "montserrat", sans-serif;
  font-weight: bold;
  font-size: 17px;
  direction: ltr;
  margin-bottom: 0;
  margin-top: 5px;
}
.RectangleBoxContentInnerContent2P p {
  color: #ffffff;
  font-family: "montserrat", sans-serif;
  font-weight: 300;
  font-size: 15px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 0;
}
.RectangleBoxContentInnerContent2P span {
  font-size: 16px;
  font-weight: 300;
}
.RectangleBoxwhiteline {
  height: 2px;
  background-color: #ffffff;
  width: 98%;
}
.RectangleBoxContentInnerContent2 {
  width: 100%;
}
.RectangleBoxContent1 {
  background-color: #004a91;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent1Img {
  border-radius: 10px;
  height: 143px;
  width: 143px;
  margin-left: auto;
  margin-right: auto;
}
.RectangleBoxContent2 {
  background-color: #52c2cf;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent3 {
  background-color: #010101;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent4 {
  background-color: #a50345;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContentInnerContent1Black {
  display: flex;
  width: 200px;
}
.RectangleBoxContentInnerContent1Black img {
  height: 48px !important;
  width: 48px !important;
  margin-top: 7px !important;
}
.RectangleBoxContentInnerContent1Black h4 {
  font-size: 20;
  color: #212121;
  font-family: "montserrat", sans-serif;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
}
.RectangleBoxContentInnerContent1Black span {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 450;
}
.RectangleBoxwhitelineBlack {
  height: 2px;
  background-color: #ffffff;
  width: 98%;
}
.RectangleBoxContentInnerContent2H5Black H5 {
  color: #212121;
  font-family: "montserrat", sans-serif;
  font-weight: bold;
  font-size: 17px;
  direction: ltr;
  margin-bottom: 0;
  margin-top: 5px;
}
.RectangleBoxContentInnerContent2PBlack p {
  color: #212121;
  font-family: "montserrat", sans-serif;
  font-weight: 300;
  font-size: 15px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 0;
}
.RectangleBoxContentInnerContent2P span {
  color: white;
}
.RectangleBoxContentInnerContent2PBlack span {
  color: black;
}
.RectangleBoxContent5 {
  background-color: #fddb04;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent6 {
  background-color: #ba1d37;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent7 {
  background-color: #ba1d37;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent8 {
  background-color: #ba1d37;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent9 {
  background-color: #2a6c35;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent10 {
  background-color: #fddb04;
  margin: auto !important;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent11 {
  background-color: #010101;
  border-radius: 10px;
  height: 314px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.RectangleBoxContent1,
.RectangleBoxContent2,
.RectangleBoxContent3,
.RectangleBoxContent4,
.RectangleBoxContent5,
.RectangleBoxContent6,
.RectangleBoxContent7,
.RectangleBoxContent8,
.RectangleBoxContent9,
.RectangleBoxContent10,
.RectangleBoxContent11 {
  width: 239px !important;
  margin: auto !important;
}
.RectangleBoxContentInnerContent1Black img,
.RectangleBoxContentInnerContent1 img {
  margin-right: 17px;
}

.breaking_the_absolete_box {
  min-height: 200px;
  height: auto;
  width: 100%;
  background-color: #ffffff;
}
.Breaking_the_obsolete_leftbox_header {
  margin-top: 57px;
}
.Breaking_the_obsolete_leftbox_header h3 {
  font-size: 20px;
  color: #002d5d;
  font-weight: 300;
  font-family: "montserrat", sans-serif;
  text-transform: uppercase;
}
.Breaking_the_obsolete_leftbox_header h1 {
  font-family: "montserrat", sans-serif;
  font-size: 48px;
  color: #0066ac;
  font-weight: 700;
}
.breakingTheObsoleteLeftBoxContent p {
  font-size: 20px;
  margin-bottom: 57px;
}
.TicketCarouselImage img {
  display: block;
  margin: auto;
}
/*------------------- breaking_the_absolete_box_carousel----------------------- */
.breaking_the_absolete_box img {
  max-width: 737px;
  max-height: 458px;
  display: block;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.breakingTheObsoleteCarouselColumn {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* ------------------------------main_features_box---------------------------------- */
.mainFeaturesBoxContainerFluid {
  background-color: #f3f3f3;
}
.mainFeatureContainer {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.main_features_box {
  min-height: 150px;
  width: 100%;
  background-color: #f3f3f3;
  padding-top: 57px;
}
.mainFeaturesIconsContainer {
  background-color: #f3f3f3;
}
.main_features_box_header {
  text-align: center;
}
.main_features_box_header h4 {
  font-family: "montserrat", sans-serif;
  font-size: 20px;
  color: #002d5d;
  font-weight: 300;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.main_features_box_header h1 {
  font-family: "montserrat", sans-serif;
  font-size: 30px;
  color: #0066ac;
  font-weight: 700;
  margin-bottom: 0;
}
.main_features_box_header h2 {
  font-family: "montserrat", sans-serif;
  font-size: 20px;
  color: #0066ac;
  font-weight: 300;
  margin-bottom: 0;
}
.MainFeaturesImages {
  display: flex;
  margin-top: 70px;
  width: 100%;
}
.MainFeaturesImages img {
  margin-left: auto;
  margin-right: auto;
  height: 70px;
  width: 70px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.mainFeaturesIcons {
  color: #0066ac;
  font-size: 34px;
}
.MainFeaturesImagesButton {
  background-color: transparent;
  border: 1px solid transparent;
}
#mainFeaturesImageButtonOne {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventOne {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonTwo {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventTwo {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonThree {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventThree {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonFour {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventFour {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonFive {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventFive {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonSix {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventSix {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
/*  */
#mainFeaturesImageButtonSeven {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventSeven {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonEight {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventEight {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonNine {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventNine {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonTen {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventTen {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
#mainFeaturesImageButtonEleven {
  border: none !important;
  background-color: transparent;
}
#mainFeaturesImageButtonEventEleven {
  display: none;
  background-color: white !important;
  border-radius: 25% 25% 0px 0px;
  border: none !important;
}
/*  */
#two {
  display: none;
}
#three {
  display: none;
}
#four {
  display: none;
}
#five {
  display: none;
}
#six {
  display: none;
}
#seven {
  display: none;
}
#eight {
  display: none;
}
#nine {
  display: none;
}
#ten {
  display: none;
}
#eleven {
  display: none;
}
/* -----------------------------------applaud_box------------------------------------- */
.applaudBoxContainer {
  padding-left: 0;
  padding-right: 0;
}
.applaud_box {
  min-height: 418px;
  width: 100%;
  background-color: #ffffff;
}
.blue_shirt_guy_image {
  height: 411px;
  position: relative;
}
.blue_shirt_guy_image img {
  max-width: 760px;
  height: 550px;
  position: absolute;
  top: -160px;
  right: -90px;
  bottom: 0;
}
.applaud_box_rightbox_content h1 {
  font-size: 35px;
  color: #0066ac;
  font-weight: 700;
  font-style: italic;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: "montserrat", sans-serif;
}
.applaud_box_rightbox_content p {
  font-size: 20px;
  color: #3e3e3e;
  font-weight: 400;
  margin-top: 13px;
  margin-bottom: 0;
  min-width: 100px;
  max-width: 397px;
}
.applaudImageContainer,
.applaudImageContainerForMobileView {
  margin-top: 68px;
  min-width: 100px;
  max-width: 500px;
}
.applaudImageContainer img {
  display: block;
  margin: auto;
  padding-bottom: 3px;
  margin-top: 15px;
  height: 70px;
}
.applaudImageContainerForMobileView img {
  display: block;
  margin: auto;
  padding-bottom: 3px;
  margin-top: 15px;
  height: 50px;
}
.applaudImageContainer h4 {
  text-align: center;
  color: #0066ac;
  font-size: 24px;
  font-family: "montserrat", sans-serif;
  font-weight: 700;
  margin-top: 10px;
}
.SmartJersyImageContainer h4 {
  color: #0066ac;
}
.applaudImageContainerForMobileView h2 {
  text-align: center;
  color: #0066ac;
  font-size: 30px;
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
}
.applaudImageContainerForMobileView h4 {
  font-size: 15px;
  text-align: center;
  color: #0066ac;
  font-family: "montserrat", sans-serif;
  font-weight: 700;
  margin-top: 5px;
  margin-top: 7px;
}
/* ------------------------------------cheer_from_wherever_box------------------------- */
.cheerFromWhereeverContainer {
  padding-left: 0;
  padding-right: 0;
}
.cheer_from_wherever_box {
  min-height: 145px;
  width: 100%;
  background-color: #0666ac;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cheer_from_wherever_box_contents h1 {
  font-size: 48px;
  color: #ffffff;
  font-family: "montserrat", sans-serif;
  font-weight: 800;
  text-align: center;
  margin-bottom: 0;
}
/* -----------------------------------------AtThePub-------------------------------------------- */
.AtThePubBoxRightBox img {
  background-size: cover;
  max-height: 673px;
  display: block;
  width: 100%;
  height: auto;
}
.AtThePubBoxRightBoxcolumn {
  padding: 0;
}
.AtThePubBoxLeftBox {
  background-size: cover;
  margin-top: 97px;
  max-width: 100%;
}
.AtThePubBoxLeftBox h2 {
  margin-bottom: 36px;
  font-size: 30px;
  padding: 700;
  color: #0666ac;
}
.AtThePubBoxLeftBox p {
  margin-bottom: 25px;
  font-size: 20px;
}
.AtThePubBoxLeftBox ul li {
  list-style: none;
  font-size: 20px;
}
.AtThePubBoxLeftBox ul li::before {
  content: "\2022";
  color: #0666ac;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
/* --------------------------------------AtTheHome------------------------------------------- */
.AtTheHomeLeftBox img {
  background-size: cover;
  max-height: 673px;
  display: block;
  width: 100%;
  height: auto;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}
/* .AtTheHomeRightBox {
  margin-top: 97px;
} */
.AtTheHomeRightBox h2 {
  margin-bottom: 36px;
  font-size: 30px;
  padding: 700;
  color: #0666ac;
}
.AtTheHomeRightBox p {
  margin-bottom: 25px;
  font-size: 20px;
}
.AtTheHomeRightBox ul li {
  list-style: none;
  font-size: 20px;
}
.AtTheHomeRightBox ul li::before {
  content: "\2022";
  color: #0666ac;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.atTheHomeRightBoxLearnMoreButton {
  margin-top: 4%;
  border: 2px solid #2466a7;
  height: 47px;
  width: 151px;
  background-color: transparent;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #2466a7;
}
ul {
  margin-bottom: 0;
}
/* ----------------------------------full width video------------------------------------------- */
/* ----------------------------------Our Research And Development-------------------------------- */
.OurResearchAndDevelopment h4 {
  font-family: "montserrat", sans-serif;
  font-size: 20px;
  color: #002d5d;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 7px;
  margin-left: 10%;
}
.OurResearchAndDevelopment h1 {
  font-family: "montserrat", sans-serif;
  font-size: 30px;
  color: #0066ac;
  font-weight: 700;
  margin-bottom: 5%;
  margin-left: 10%;
}
.OurResearchAndDevelopment img {
  max-height: 644px;
  max-width: 100%;
  display: block;
  height: auto;
  width: auto;
  margin: auto;
}
.OurResearchAndDevelopment {
  margin-top: 7%;
  margin-bottom: 5%;
}
.fanmodeContainer {
  padding-left: 15%;
  padding-right: 15%;
  width: 100%;
}
.fanmodeInnerContainer {
  padding-left: 30%;
  padding-right: 15%;
}
.fanmodeInnerContainerRight {
  padding-right: 30%;
  padding-left: 15%;
}

/*-----------------------------------work together-------------------------------------------- */
.workingTogetherBg {
  height: 689px;
  width: 100%;
}
.workingTogetherContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 689px;
}
.workingTogetherImage {
  background-repeat: no-repeat;
  background-position: center !important;
  height: 689px !important;
  background-size: cover;
}
.workingTogetherContainer {
  position: relative;
}
.workingTogetherLayerContents {
  position: absolute;
  height: 689px;
  width: 100%;
  background-color: rgba(1, 16, 65, 0.6);
  top: 0;
}
.workingTogetherLayerContents img {
  max-height: 122px;
  max-width: 100%;
  display: block;
  width: auto;
  height: auto;
  background-size: cover;
}
.workingTogetherLogoImage1,
.workingTogetherLogoImage2,
.workingTogetherLogoImage3,
.workingTogetherLogoImage4,
.workingTogetherLogoImage5,
.workingTogetherLogoImage6 {
  margin-top: 40%;
  margin-bottom: 40%;
}
.workingTogetherContent {
  max-width: 809px;
  width: auto;
  margin: auto;
}
.workingTogetherContent h2 {
  font-size: 48px;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  font-family: "montserrat", sans-serif;
}
.workingTogetherContent p {
  font-size: 20px;
  color: #eceef0;
  text-align: center;
}
/* ----------------------------footer------------------------------------------------------- */
.footerContainer {
  padding-left: 0;
  padding-right: 0;
}
.footerTopImage {
  height: 241px;
  background-repeat: no-repeat;
  background-position: center !important;
  background-size: cover;
}
.footerContentContainer {
  background-color: #002d5d;
  background-size: cover;
}
.footerContentSearchBar {
  border-radius: 30px;
  height: 55px;
  font-size: 18px;
  display: inline-block;
}
.footerContentSubscribeButton {
  color: white;
  background-color: #2466a7;
  border-radius: 30px;
  max-width: 228px;
  min-width: 180px;
  width: auto;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.footerAppStoreBTN img {
  height: 40px;
  width: 120px;
}
.footerAppStoreButton,
.footerPlayStoreButton {
  background-color: #002d5d;
  border: 0;
}
.footerPlayStoreButton {
  float: right;
}
.footerAppStoreBTN {
  width: 260px !important;
}
.footerGooglePlayStoreImage {
  margin-left: 15px;
}
.footerContent {
  padding-top: 56px;
  padding-bottom: 120px;
}
.footercopyrightContent p {
  color: #ffffff;
}
.footercopyrightContent span {
  font-weight: 700;
}
.footerFanModeLogoAndContentContainer {
  max-width: 400px;
  margin-top: 55px;
  margin-bottom: 55px;
}
.footerFanModeLogo {
  font-size: 30px;
  color: #ffffff;
  font-weight: 700;
}
.footerFanModeLogo img {
  height: 27px;
  width: 146px;
}
.footer_icons {
  color: #ffffff;
  font-size: 30px;
  margin-top: 8px;
  margin-right: 23px;
}
.appStoreButton,
.playStoreButton {
  border: 0;
  background-color: transparent;
}
/* ----------------------------------navbar link section-------------------------------------- */
.linkHeader {
  height: 300px;
  /* border: 1px solid black; */
  background-color: #e4e4e4;

  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkSection {
  height: 300px;
  /* border: 1px solid black; */
  background-color: #c6c9ce;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkFooter {
  height: 300px;
  /* border: 1px solid black; */
  background-color: #0066ac;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkHeader h1,
.linkSection h1,
.linkFooter h1 {
  font-size: 30px;
  font-weight: 700;
  color: black;
}
.three {
  font-size: 45px !important;
  color: #0066ac !important;
}
.pricing {
  font-size: 45px !important;
  color: white !important;
}
.coming1 {
  font-size: 20px;
  font-weight: bolder;
  color: #0066ac !important;
}
.coming2 {
  font-size: 20px;
  font-weight: bolder;
  color: white;
  text-align: center;
}
/* ---------------------------------------flickity---------------------------------------------- */
.carousel-cell {
  margin-left: 2% !important;
  margin-right: 2% !important;
  width: 100%;
}
.flickity-page-dots {
  display: none;
}
.imageCell {
  width: 75px;
  height: 110px;
}
.flickity-button {
  background-color: transparent !important;
  height: 110px;
  border-radius: 0% !important;
}
.flickity-button:focus {
  box-shadow: none !important;
}
.flickity-prev-next-button {
  color: white !important;
  position: absolute;
  background-color: #0667ac !important;
  height: 100%;
  width: 60px;
}
.flickity-button-icon {
  height: 100% !important;
  width: 40% !important;
}
.flickity-prev-next-button.previous {
  left: -50px;
}
.flickity-prev-next-button.next {
  right: -50px;
}
.flickityCarousel {
  width: 500px !important;
  margin: 0 !important;
}
.flickity-prev-next-button .flickity-button-icon {
  height: 100%;
  width: 60px;
  top: 0;
  left: calc(50% - 10px);
}
.imageCell img {
  margin-left: 10px;
  margin-right: 10px;
  height: 70px;
  width: 70px;
  margin-top: 10px;
  margin-bottom: 30px;
}

/* ---------------------------------------------------------AboutPage---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.aboutNavbarContainer {
  background-color: transparent;
}
.aboutNavbarBrand {
  color: #0666ac !important;
  font-size: 27px !important;
  font-weight: 700 !important;
}
.aboutFanModeNavbarLinks {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0666ac !important;
  font-family: "montserrat", sans-serif !important;
  margin-right: 40px;
}
.aboutNavBarTogglerIcon {
  color: #0666ac;
  font-size: 30px;
}
/* --------------------------------------------about fanmode box------------------------------------------------------------------------ */
.aboutFanmodeBoxLearnMoreButton {
  color: #0666ac;
  border: 2px solid #0666ac;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  width: 114px !important;
}
.aboutFanmodeLeftBoxBg {
  background-color: #e8e8e8;
}
.aboutFanmodeLeftBox h3 {
  font-size: 25px;
  font-weight: 800;
  color: #0666ac;
  margin-bottom: 25px;
}
.aboutFanmodeLeftBox p {
  font-size: 20px;
}
.aboutFanmodeLeftBox h4 {
  font-size: 45px;
  font-weight: 800;
  color: #0666ac;
  margin-bottom: 25px;
}
.aboutFanmodeLeftBox {
  margin-top: 170px;
  margin-bottom: 170px;
}
.aboutFanmodeLeftBox p {
  margin-bottom: 40px;
}
.aboutFanmodeRightBoxBg {
  background-color: white;
}
.aboutFanmodeImageContainer img {
  display: block;
  background-size: cover;
  max-height: 750px;
  height: auto;
  max-width: 100%;
  width: auto;
}
.aboutFanmodeImageContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ------------------------------------------purposeBox and visionBox----------------------------------------------------------------------------- */
.purposeBoxBg {
  background-color: #0666ad;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.visionBoxBg {
  background-color: #418ec1;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purposeBox h4,
.visionBox h4 {
  font-size: 45px;
  font-weight: 800;
  color: #feffff;
  margin-bottom: 20px;
  text-align: center;
}
.purposeBox p,
.visionBox p {
  color: #feffff;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.purposeBox,
.visionBox {
  max-width: 600px;
  width: auto;
}
/* -----------------------------------------theExecutiveTeam----------------------------------------------------------------------------- */
.executiveTeamContainer {
  padding-left: 0;
  padding-right: 0;
}
.theExecutiveTeamContainer {
  margin-top: 90px;
  margin-bottom: 85px;
  overflow-x: hidden;
}
.theExecutiveTeamHeader {
  margin-bottom: 40px;
}
.theExecutiveTeamHeader h1 {
  font-size: 45px;
  color: #0666ad;
  text-align: center;
  font-style: italic;
}
.theExecutiveTeamCards img {
  max-height: 370px;
  width: 100%;
}
/* .emptyCard {
  background-color: #e8e8e8;
  height: 350px;
  width: 100%;
} */
/* .emptyCard img{
  max-height:350px;
} */
.theExecutiveTeamCards {
  max-width: 350px;
  margin: auto;
}
.advisorCard img {
  height: 350px !important;
  margin: auto !important;
}
.theExecutiveTeamCards h3 {
  font-size: 25px;
  color: #0666ad;
  text-align: center;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 20px;
}
.theExecutiveTeamCards h4 {
  font-size: 20px;
  font-weight: 500;
  color: #0666ad;
  text-align: center;
}
.theExecutiveTeamCards p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
}
/* --------------------------------------------------------solutions------------------------------------------------------------------- */

/* --------------------------------------------------header video------------------------------------------------------------- */
.headerVideo {
  /* max-height:700px; */
  /* min-height:400px; */
  height: 100%;
  background-size: cover;
  width: 100%;
  position: relative;
  filter: brightness(50%);
}
/* ------------------------------------------------------------------------------------------------------------------------------------ */
.solutionsHeaderContent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.solutionsHeaderContent h1 {
  color: white;
}
.headerIndexLayerForSolutions {
  width: 100%;
  z-index: 2;
}
.solutionsHeaderContent {
  display: flex;
  align-items: center;
}
.solutionsNavbarBrand {
  color: #0666ad;
  font-size: 27px !important;
  font-weight: 700 !important;
}
.solutionsFanModeNavbarLinks {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0666ad;
  font-family: "montserrat", sans-serif !important;
  margin-right: 40px;
}
.solutionsNavBarTogglerIcon {
  color: #0666ad;
  font-size: 30px;
}
/* ---------------------------------------------------for the fans-------------------------------------------------------------- */

.forTheFans {
  background-color: #f3f3f3;
}
.forTheFansLeftBox img {
  display: block;
  background-size: cover;
  max-height: 750px;
  height: auto;
  width: 100%;
}
.forTheFansRightBox h2 {
  font-size: 55px;
  font-weight: 500;
  color: #0666ad;
  font-style: italic;
}
.forTheFansRightBoxContainer {
  display: flex;
  align-items: center;
}
.forTheFansLeftBoxContainer {
  padding: 0;
}
/* ---------------------------------------------------section 3----------------------------------------------------------------- */
.section3 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section3ContentsContainer {
  margin-top: 40px;
  margin-bottom: 40px;
}
.section3ContentsContainer h5 {
  font-size: 25px;
  font-weight: 700;
  color: #0666ad;
  text-align: center;
  margin-top: 15px;
}
.section3ContentsContainer p {
  text-align: center;
}
.section3Images {
  min-height: 350px;
  max-width: 280px;
  margin: auto;
  height: auto;
  width: auto;
  display: block;
  background-color: gray;
}
.moreOnVibeCastContent {
  padding-top: 75px;
  padding-bottom: 75px;
}
/* -------------------------------------moreOnVibeCast------------------------------------------- */
.moreOnVibeCastBg {
  background-color: #0666ad;
}
.moreOnVibeCastContent h2 {
  font-size: 55px;
  font-weight: 500;
  color: white;
  font-style: italic;
  text-align: center;
}
.moreOnVibeCastContent p {
  text-align: center;
  color: white;
}
.moreOnVibeCastingVideo {
  width: 80%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
.moreOnVibecastRequestADemoButton {
  color: #0666ad;
  border: 2px solid #0666ad;
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
/* .moreOnVibeCastContent img{
  display: block;
  background-size: cover;
  max-height: 750px;
  height: auto;
  width: 100%;
} */
/*----------------------------------------fanFocus-------------------------------------------------------*/
.fanFocusContent {
  padding-top: 75px;
  padding-bottom: 75px;
}
.fanFocusContent p {
  text-align: center;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}
.fanFocusContent h2 {
  font-size: 55px;
  font-weight: 500;
  color: #0666ad;
  font-style: italic;
  text-align: center;
}
.fanFocusContent h6 {
  font-size: 27px;
  font-weight: 400;
  color: #0666ad;
  text-align: center;
  font-style: italic;
  margin-bottom: 35px;
}
.fanFocusSmallBoxContent h5 {
  font-size: 20px;
  font-weight: 800;
  color: white;
  text-align: center;
  margin-bottom: 0;
}
.howDoseItWorkSmallBoxContent h5 {
  font-size: 20px;
  font-weight: 800;
  color: #0666ad;
  text-align: center;
  margin-bottom: 0;
}
.whereDoAllTheCheersGoSmallBox h5 {
  font-size: 20px;
  font-weight: 800;
  color: white;
  text-align: center;
  margin-bottom: 0;
}
.fanFocusSmallBoxContent {
  background-color: #023b7a;
  width: 65%;
  margin: auto;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 70px;
  max-height: 150px;
  height: auto;
}
.howDoseItWorkSmallBoxContent {
  background-color: #e4e4e4;
  width: 65%;
  margin: auto;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 70px;
  max-height: 150px;
  height: auto;
}
.whereDoAllTheCheersGoSmallBox {
  background-color: #023b7a;
  width: 65%;
  margin: auto;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 70px;
  max-height: 150px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.fanFocusSmallBoxInnerContent p {
  color: rgb(235, 232, 232);
  text-align: center;
  width: 100%;
}
.fanFocusSmallBoxInnerContent h5 {
  margin-bottom: 5px;
}
.fanFocusSmallBoxInnerContent p {
  margin-bottom: 5px;
}
.fanFocusContent h4 {
  font-size: 30px;
  font-weight: 400;
  color: #0666ad;
  font-style: italic;
  text-align: center;
  margin-top: 40px;
}
.fanTechIsOurFocusRequestADemoButton {
  color: white;
  background-color: #0666ad;
  border: 2px solid #0666ad;
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
/* ---------------------------------------------section5------------------------------------------------ */
.section5 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f3f3f3;
}
/* ---------------------------------------------------for the teams--------------------------------------------------------------- */

.forTheTeamsLeftBox h2 {
  font-size: 45px;
  font-weight: 500;
  color: #0666ad;
  font-style: italic;
}
.forTheTeamsRightBox img {
  height: 100%;
  width: 100%;
}
.forTheTeamsLeftBoxContainer {
  display: flex;
  align-items: center;
}
.forTheTeamsRightBoxContainer {
  padding: 0;
}
.forTheTeams {
  background-color: #f3f3f3;
}
/* ------------------------------------------------------howDoseItWorkContent------------------------------------------------------- */
.howDoseItWorkBg {
  background-color: white;
}
.howDoseItWorkContent {
  padding-top: 75px;
}
.howDoseItWorkContent p {
  text-align: center;
  margin-bottom: 40px;
}
.howDoseItWorkContent h6 {
  font-size: 30px;
  font-weight: 400;
  color: #0666ad;
  font-style: italic;
  text-align: center;
}
/* --------------------------------------------------------Where do all the cheers go---------------------------------------------- */
.whereDoAllTheCheersGoBg {
  background-color: white;
}
.whereDoAllTheCheersGoContent {
  padding-top: 40px;
  padding-bottom: 75px;
}
.whereDoAllTheCheersGoContent p {
  text-align: center;
  margin-bottom: 25px;
}
.whereDoAllTheCheersGoContent h6 {
  font-size: 30px;
  font-weight: 400;
  color: #0666ad;
  font-style: italic;
  text-align: center;
}
.RequestADemoButton {
  color: white;
  background-color: #0666ad;
  border: 0;
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.platformSoliutionsBox h5 {
  color: rgb(45, 170, 253) !important;
}
.platformSoliutionsBox h6 {
  margin-top: 50px;
}
/* ------------------------------------------------------------------for broadcaster------------------------------------------------ */
.forBroadCasterContent {
  padding-top: 75px;
  padding-bottom: 75px;
}
.forBroadCasterBg {
  background-color: #0666ad;
}
.forBroadCasterVideo {
  margin-bottom: 30px;
}
.forBroadCasterVideo img {
  display: block;
  background-size: cover;
  max-height: 750px;
  height: auto;
  width: 100%;
}
.forBroadCasterHeader h2 {
  font-size: 45px;
  font-weight: 700;
  color: white;
  font-style: italic;
  text-align: center;
}
.forBroadCasterHeader p {
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
.forBroadCasterCardContainer h5 {
  font-size: 25px;
  font-weight: 700;
  color: #0666ad;
  text-align: center;
  margin-top: 15px;
}
.forBroadCasterCardContainer p {
  text-align: center;
}
.forBroadCasterCardContainer {
  margin-top: 60px;
  margin-bottom: 30px;
}
.forBroadCasterCardImage {
  min-height: 200px;
  max-width: 200px;
  margin: auto;
  height: auto;
  width: auto;
  display: block;
  background-color: gray;
}
.forBroadCasterSmallBox h5 {
  font-size: 20px;
  font-weight: 800;
  color: #0666ad;
  text-align: center;
  margin-bottom: 0;
}
.forBroadCasterSmallBox {
  background-color: white;
  width: 65%;
  margin: auto;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  max-height: 150px;
  min-height: 70px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.broadCasterRequestADemoButton {
  color: #ffffff;
  background-color: #0666ad;
  border: 1px solid white;
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
}
.broadCasterCarousel {
  max-height: 750px;
  max-width: 1000px;
  height: auto;
  width: auto;
  margin: auto;
}
.broadCasterCarousel img {
  display: block;
  background-size: cover;
  max-height: 750px;
  height: auto;
  max-width: 1000px;
  width: auto;
}
/* ---------------------------------for brand---------------------------------------------------*/
.forBrands {
  padding-top: 75px;
  padding-bottom: 75px;
}
.forBrands {
  background-color: #e8e8e7;
}
.forBrandsRightBox h2 {
  font-size: 45px;
  font-weight: 700;
  color: #0666ad;
  font-style: italic;
  /* text-align: center; */
}
.forBrandsRightBox p {
  color: #0666ad;
}
.forBrandsRequestADemoButton {
  color: white;
  background-color: #0666ad;
  border: 1px solid #0666ad;
  border-radius: 20px;
  padding: 7px 15px;
  font-size: 15px;
  margin-top: 20px;
}
/* ----------------------------------------fanmodeActivatedBrands------------------------------------------- */
.fanmodeActivatedBrands h4 {
  font-size: 25px;
  font-weight: 800;
  color: #0666ad;
  text-align: center;
}
.fanmodeActivatedBrandsContent {
  padding-top: 75px;
  padding-bottom: 65px;
}
.fanmodeActivatedBrands {
  width: 100%;
}
.brandsLogos img {
  max-height: 150px;
  max-width: 150px;
  width: auto;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.brandsLogos {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}
/* ------------------------------forBrandSecondBox----------------------------------- */
.forBrandSecondBoxContentBg {
  background-color: #e8e8e7;
}
.forBrandSecondBoxContent {
  padding-bottom: 75px;
}
/* ------------------------------------activated brands--------------------------------------- */
.fanmodeActivatedBrands {
  background-color: rgb(204, 203, 203);
}
/* ---------------------------Enter prise solutions-------------------------------------*/
.EnterpriseSolutionBg {
  padding-top: 75px;
  padding-bottom: 75px;
}
.EnterpriseSolutionsRightBox img {
  display: block;
  background-size: cover;
  max-height: 750px;
  height: auto;
  width: 100%;
}
/* ---------------------------- Enterprise Solution second box---------------------------*/
.EnterpriseSolutionSecondBox {
  padding-bottom: 75px;
}
/* ----------------------------------solutions  carousel---------------------------------- */
.solutionsCarouselCaptionContainer {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 1800px;
  min-height: 200px;
}
.solutionsCarouselCaptionContent {
  margin-top: 35px;
}
.solutionsCarouselCaptionContent h1 {
  font-size: 60px;
  font-weight: 800;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-family: "montserrat", sans-serif;
}
/*----------------------------------solution vibecast----------------------------------------------*/
.vibecast {
  color: #0066ac;
}
/*-----------------------------------Conatact us page css------------------------------------------*/
.contactUsNavBG {
  background-color: #f3f3f3;
}
.fb5 {
  background-color: #db6600;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #ffffff;
  border: 1px solid #db6600;
  background-image: url(images/button_bg.jpg);
}
.fb5:hover {
  background-color: #000000;
  border: 1px solid #000000;
  background-image: url(images/button_bg_over.jpg);
}
.contactus {
  font-size: 45px;
  font-weight: 800;
  color: #0666ac;
  margin-bottom: 35px;
  margin-top: 60px;
  text-align: center;
}
.AtTheHomeRightBoxColumn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.getin {
  color: black !important;
  font-size: 16px;
  /* font-weight: bolder; */
  margin-bottom: 25px;
  text-align: center !important;
}
.reg {
  background-color: #0066ac;

  width: 25%;
}
.form-rounded {
  border-radius: 1rem;
  border: 0px;
}
::placeholder {
  padding-left: 8px;
  font-size: 15px;
  color: #cfcdcd !important;
}
.inner label {
  padding-left: 20px;
}
.registerwords {
  font-size: 15px;
  margin-bottom: 5px;
  color: white;
}
.droped {
  border: 2px solid #0066ac;
  width: 30%;
}
.down {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.but {
  background-color: #0066ac;
  border: 2px solid white;
  color: white;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}
.but4 {
  border-radius: 50px;
}
.texta {
  margin-bottom: 10px;
}
.footer_icons_ContactUs {
  color: #0066ac;
  font-size: 30px;
  margin-top: 25px;
  margin-right: 23px;
  /* margin-bottom: 25px; */
}
.footer_icons_ContactUs b {
  margin-top: 50px;
}
.find {
  margin-top: 45px;
  font-size: 35;
}
.find strong {
  font-size: 25px;
}
.find strong,
p {
  color: #000000;
}

.logos {
  text-align: center;
}
.logos b {
  color: #0066ac;
}
.country {
  margin-top: 10px;
}
.opt {
  color: #c4c5c9;
  padding-left: 20px;
}
.sub {
  text-align: center;
}
.recaptcha {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*--------------------------------------At Home-----------------------------------------*/
/* .AtTheHomeRightBox {
  margin-top: 23%;
} */
.AtThePubBoxLeftBox {
  margin-top: 25%;
}
.AtTheHomeRightBox p {
  color: black !important;
}
.AtThePubBoxLeftBox p {
  color: black !important;
}
.AtHomes {
  font-size: 45px;
}
/*--------------------------------solutions------------*/

/* ------------------------------------media qurey----------------------------------------------- */
@media only screen and (max-width: 1420px) {
  /* .AtThePubBoxLeftBox,
  .AtTheHomeRightBox {
    margin-top: 20%;
  } */
}
@media only screen and (max-width: 1235px) {
  .AtThePubBoxLeftBox,
  .AtTheHomeRightBox {
    margin-top: 0%;
  }
  .AtThePubBoxLeftBox {
    margin-top: 23%;
  }
  .AtThePubBoxLeftBox h2,
  .AtTheHomeRightBox h2 {
    margin-bottom: 10px;
    font-size: 50px;
  }
  .AtThePubBoxLeftBox p,
  .AtTheHomeRightBox p {
    margin-bottom: 5px;
  }
  .reg {
    width: 90%;
  }
}
@media only screen and (max-width: 1199px) {
  /* .footerAppStoreBTN {
    width: 270px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 53px;
  } */
  .footerAppStoreBTN {
    width: 270px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1130px) {
  .AtThePubBoxLeftBox p,
  .AtThePubBoxLeftBox ul li,
  .AtTheHomeRightBox p,
  .AtTheHomeRightBox ul li {
    font-size: 18px;
  }
  .reg {
    width: 5%;
  }
  .imageCell img {
    margin-left: 10px;
    margin-right: 10px;
    height: 70px;
    width: 70px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .blue_shirt_guy_image img {
    position: static;
    max-width: 100%;
    max-height: 580px;
    height: auto;
    width: auto;
    background-size: cover;
  }
  .blue_shirt_guy_image {
    max-height: 580px;
    height: auto;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
  }
  .applaudImageContainer,
  .applaudImageContainerForMobileView {
    margin: auto;
  }
  .AtThePubBoxLeftBox h2,
  .AtTheHomeRightBox h2 {
    text-align: center;
    /* font-size: 75px; */
  }
  .AtTheHomeRightBox .AtHome {
    font-size: 25px;
  }
  .droped {
    border: 2px solid #0066ac;
    width: 45%;
  }
}
@media only screen and (max-width: 991px) {
  .AtThePubBoxLeftBoxColumn {
    order: 2;
  }
  .AtThePubBoxRightBoxColumn {
    order: 1;
  }
  .AtTheHomeLeftBoxColumn {
    order: 1;
  }
  .AtTheHomeRightBoxColumn {
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .AtThePubBoxLeftBox p,
  .AtThePubBoxLeftBox ul li,
  .AtTheHomeRightBox p,
  .AtTheHomeRightBox ul li {
    font-size: 20px;
    text-align: center;
  }
  .AtTheHomeRightBox,
  .AtThePubBoxLeftBox {
    margin-top: 4% !important;
    margin-bottom: 4% !important;
  }
  .workingTogetherLogoImage5,
  .workingTogetherLogoImage6 {
    display: none;
  }
  .applaud_box_rightbox_content p {
    max-width: 100% !important;
  }
  .d-flex {
    display: block !important;
  }
  .navbar-nav {
    direction: ltr;
  }
  .MainFeaturesImages {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 990px) {
  .navbarBrand,
  .aboutNavbarBrand,
  .solutionsNavbarBrand {
    margin: auto !important;
    font-weight: 700 !important;
    padding-right: 45px;
  }
  .reg {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Breaking_the_obsolete_leftbox_header h1 {
    text-align: center;
  }
  .breakingTheObsoleteLeftBoxContent p {
    text-align: center;
  }
  .g-recaptcha {
    margin-left: 25% !important;
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .fanmodeContainer,
  .mainFeaturesInnerContainer {
    padding-left: 1%;
    padding-right: 1%;
  }
  .fanmodeInnerContainer {
    padding-left: 2%;
    padding-right: 1%;
  }
  .brandcarousel1 {
    order: 2;
  }
  .brandcarousel2 {
    order: 1;
  }
  .fanmodeInnerContainerRight {
    padding-left: 1%;
    padding-right: 2%;
  }
  .orderMainFeatureContent {
    order: 2;
  }
  .orderMainFeatureImage {
    order: 3;
  }
  .orderMainFeature {
    order: 1;
    padding: 0;
  }
  .applaudImageContainer {
    display: none;
  }
  .applaudContent h1 {
    text-align: center;
  }
  .header_icons_box {
    float: none;
    text-align: center;
  }
  .headerHead h1 {
    font-size: 45px;
    font-weight: 900;
  }
  .headerHead h4 {
    font-size: 25px;
  }
  .MainFeaturesPrevIndicator,
  .MainFeaturesNextIndicator {
    height: 20px !important;
    width: 10px !important;
    padding: 0;
  }
  .MainFeaturesImages img {
    margin: 5px;
    height: 50px;
    width: 50px;
  }
  .headerHeadcontent {
    text-align: center;
  }
  .carousel_indicator_readmore_button_container {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -70px;
  }
  .breaking_the_absolete_box_carousel {
    margin-bottom: 157px;
  }
  .MainFeaturesImages {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .Breaking_the_obsolete_leftbox_header h1 {
    font-size: 34px;
  }
  .cheer_from_wherever_box_contents h2 {
    font-size: 34px;
  }
  .AtThePubBoxLeftBox,
  .AtTheHomeRightBox {
    margin-top: 25px !important;
  }
  .AtThePubBoxLeftBox h2,
  .AtTheHomeRightBox h2 {
    /* margin-top: 100px; */
    margin-bottom: 36px;
    font-size: 38px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }
  .AtThePubBoxLeftBox p,
  .AtTheHomeRightBox p {
    margin-bottom: 25px;
    font-size: 20px;
    text-align: center;
  }
  .AtThePubBoxLeftBox,
  .AtTheHomeRightBox {
    margin-left: 5%;
    margin-right: 5%;
  }
  .workingTogetherLogoImage4,
  .workingTogetherLogoImage5,
  .workingTogetherLogoImage6 {
    display: none;
  }
  .footerContent {
    padding-bottom: 66px;
  }
  .flickityCarousel {
    width: 370px !important;
  }
  .imageCell {
    width: 50px;
    height: 60px;
  }
  .appStoreBTN {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .forBroadCasterHeader p,
  .forTheFansRightBox p,
  .forBrandsRightBox p,
  .forTheTeamsLeftBox p {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
  }
  .forBroadCasterCardContainer,
  .section3ContentsContainer {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .forTheFansRightBox,
  .forBrandsRightBox,
  .forTheTeamsLeftBox {
    margin-left: 15px;
    margin-right: 15px;
  }
  .sol {
    display: flex;
    align-items: center;
  }
  .flickity-prev-next-button {
    width: 30px;
  }
  .flickity-prev-next-button.previous {
    left: -30px;
  }
  .flickity-prev-next-button.next {
    right: -30px;
  }
  .flickity-prev-next-button .flickity-button-icon {
    left: calc(50% - 6px);
  }
  /* ------ */
  .mvHeaderHeadContent1,
  .mvHeaderHeadContent2 {
    display: none;
  }
  .appleAndPlayStoreButtonForMobileView {
    display: none;
  }
  .version1 {
    margin-top: 350px;
  }
  .version3 {
    margin-top: 350px;
  }
  .headerHead {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .carousel-indicators [data-bs-target] {
    margin-top: 15px;
    margin-right: 15px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
  }
  .forTheFansRightBox h2,
  .moreOnVibeCastContent h2,
  .fanFocusContent h2,
  .forTheTeamsLeftBox h2,
  .forBroadCasterHeader h2,
  .forBrandsRightBox h2 {
    font-size: 30px;
    margin-bottom: 15px;
    text-align: center;
  }
  .moreOnVibeCastContent,
  .fanFocusContent,
  .forTheFansRightBox,
  .forTheTeamsLeftBox,
  .forBroadCasterContent,
  .forBrands {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .howDoseItWorkContent,
  .fanmodeActivatedBrandsContent,
  .forBrandsRightBox {
    padding-top: 40px;
  }
  .EnterpriseSolutionSecondBox,
  .forBrandSecondBoxContent {
    padding-bottom: 40px;
  }
  .EnterpriseSolutionBg {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .whereDoAllTheCheersGoContent {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .RequestADemoButton {
    margin-top: 15px;
  }
  .RequestADemoButton a:hover {
    color: white !important;
    text-decoration: none !important;
  }
  .howDoseItWorkContent p {
    margin-bottom: 20px;
  }
  .fanFocusSmallBoxContent,
  .forBroadCasterSmallBox,
  .forBroadCasterHeader p,
  .fanFocusContent p,
  .howDoseItWorkSmallBoxContent,
  .whereDoAllTheCheersGoSmallBox {
    width: 95%;
  }
  .fanFocusSmallBoxContent h5,
  .forBroadCasterSmallBox h5,
  .howDoseItWorkSmallBoxContent h5 {
    font-size: 17px;
  }
  .fanFocusContent h4 {
    margin-top: 20px;
  }
  .TicketCarouselImage img {
    width: 335px;
    height: auto;
  }
  .NavBarTogglerIconForMobileView {
    display: block;
  }
  .NavBarTogglerIconForWebView {
    display: none;
  }
  .moreOnVibeCastingVideo {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .brandsLogos {
    height: 150px;
  }
  .solutionsCarouselCaptionContent h1 {
    font-size: 30px;
  }
  .fanFocusSmallBoxInnerContent h5 {
    padding-top: 5px;
  }
  .platformSoliutionsBox h6 {
    margin-top: 25px;
  }
  .navbarBrandForWebView {
    display: block;
  }
  .navbarBrandForMobileView {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .footerContentSubscribeButton {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
  }
  .droped {
    border: 2px solid #0066ac;
    width: 50%;
  }
}
@media only screen and (max-width: 425px) {
  .g-recaptcha {
    margin-left: 30% !important;
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  .whereDoAllTheCheersGoSmallBox h5 {
    font-size: 17px;
  }
  .contactus {
    font-size: 45px;
    margin-bottom: 10px;
    /* font-weight: 1000px !important; */
  }
  .MainFeaturesImages img {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
    height: 45px;
    width: 38.5px;
  }
  .AtThePubBoxLeftBox h2,
  .AtTheHomeRightBox h2 {
    /* text-align: left !important; */
  }
  .bg-image {
    max-height: 284px;
    width: 100%;
    display: block;
    height: auto;
  }
  .carousel_container {
    height: 530px;
    margin-top: 80px;
  }
  .carousel-inner {
    overflow: visible !important;
  }
  .header_image_z_index_layer,
  .headerIndexLayerForSolutions {
    position: absolute;
    top: 0;
    min-height: 284px !important;
    z-index: 1;
  }
  .header_icons_container {
    display: none;
  }
  .headerHead h1 {
    color: #0066ac;
    text-align: center;
    font-weight: 800;
    font-size: 36px;
  }
  .headerHead h4 {
    font-size: 20px;
    color: #0066ac;
    text-align: center;
    font-weight: 800;
  }
  .headerHead p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 23px;
    color: #333;
  }
  .FanModeNavbar {
    padding-top: 7px !important;
    padding-bottom: 0 !important;
  }
  .workingTogetherContent p,
  .breakingTheObsoleteLeftBoxContent p,
  .applaud_box_rightbox_content p,
  .AtThePubBoxLeftBox p,
  .AtTheHomeRightBox p,
  .AtThePubBoxLeftBox ul li,
  .AtTheHomeRightBox ul li {
    font-size: 17px !important;
    text-align: center !important;
  }
  .navbarContainer {
    background-color: transparent;
  }
  /* .applaud_box_rightbox_content p {
    text-align: center !important;
  } */
  .navbarBrand {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #0666ac !important;
    padding-right: 30px;
  }
  .NavBarTogglerIcon,
  .aboutNavBarTogglerIcon {
    color: #0666ac;
    font-size: 25px;
  }
  .solutionsNavBarTogglerIcon {
    color: #0666ac;
    font-size: 25px;
  }
  .headerHeadContainer {
    top: 310px !important;
    bottom: auto;
  }
  .headerHeadContainer {
    width: 100% !important;
    left: 0;
    height: 70% !important;
  }
  .headerHead p {
    display: none;
  }
  .main_features_box_header h1,
  .applaud_box_rightbox_content h1,
  .AtThePubBoxLeftBox h2,
  .AtTheHomeRightBox h2,
  .OurResearchAndDevelopment h1,
  .OurResearchAndDevelopment h1 {
    font-size: 34px;
  }
  .applaud_box_rightbox_content p {
    margin-top: 5px;
  }
  .applaudImageContainer1 {
    height: 40px;
    width: 20px;
  }
  .applaudImageContainer2 {
    height: 40px;
    width: 20px;
  }
  .applaudImageContainer3 {
    height: 40px;
    width: 40px;
  }
  .carousel-indicators {
    position: absolute;
    bottom: -15px;
  }
  .carousel-indicators [data-bs-target] {
    margin-top: 15px;
    margin-right: 10px;
    background-color: #2e93f8;
    height: 10px;
    width: 10px;
    border-radius: 50%;
  }
  .carousel-indicators .active {
    background-color: #2466a7;
  }
  .applaudImageContainer h4 {
    font-size: 20px;
  }
  .MainFeaturesImages {
    margin-top: 30px;
  }
  .aboutFanmodeLeftBox {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .theExecutiveTeamHeader {
    margin-bottom: 20px;
    font-size: 30px;
  }
  .theExecutiveTeamCards h3 {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .theExecutiveTeamCards p {
    margin-bottom: 30px;
  }
  .aboutFanmodeLeftBox h4 {
    margin-bottom: 10px;
    font-size: 30px;
    text-align: center;
  }
  .aboutFanmodeLeftBox h3 {
    margin-bottom: 10px;
  }
  .purposeBox h4,
  .visionBox h4 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .aboutFanmodeLeftBox h3,
  .purposeBox p,
  .visionBox p,
  .theExecutiveTeamCards h3 {
    font-size: 20px;
    text-align: center;
  }
  .theExecutiveTeamCards h4 {
    font-size: 17px;
  }
  .aboutFanmodeLeftBox p,
  .theExecutiveTeamCards p {
    font-size: 17px;
    text-align: center;
  }
  .theExecutiveTeamContainer {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .flickityCarousel {
    width: 74% !important;
  }
  .flickity-prev-next-button {
    height: 100%;
    width: 13%;
  }
  .flickity-prev-next-button .flickity-button-icon {
    top: 0;
    left: calc(50% - 20%);
  }
  .mainFeaturesIconsContainer {
    padding: 0;
  }
  .orderMainFeature {
    padding: 0;
  }
  .flickity-prev-next-button.previous {
    left: -13%;
  }
  .flickity-prev-next-button.next {
    right: -14%;
  }
  /* ------------------------------ */
  .mvHeaderHeadContent1,
  .mvHeaderHeadContent2 {
    display: block;
  }
  .appleAndPlayStoreButtonForMobileView {
    display: block;
  }
  .version1 {
    margin-top: 0;
  }
  .version3 {
    margin-top: 0;
  }

  .carousel-indicators [data-bs-target] {
    margin-top: 15px;
    margin-right: 15px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
  }
  .TicketCarouselImage img {
    width: 335px;
    height: auto;
  }
  .solutionsCarouselCaptionContent h1 {
    font-size: 20px;
  }
  /* .forTheFansLeftBox img {
    margin-top:80px;
  } */
  /* .forTheFansLeftBox img {
    margin-top: 60px;
  } */
  .navbarBrandForWebView {
    display: none;
  }
  .navbarBrandForMobileView {
    display: block;
  }
  .navbarBrand img,
  .OffCanvasNavBarBrand img {
    margin-bottom: 0;
  }
  .reg {
    width: 85%;
  }
  .droped {
    border: 2px solid #0066ac;
    width: 50%;
  }
}
@media only screen and (max-width: 375px) {
  .recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main_features_box_header h1 {
    font-size: 40px;
  }
  .AppleDownloadImage {
    margin: auto;
    display: block;
  }
  .TicketCarouselImage img {
    width: 280px;
    height: auto;
  }
  .solutionsCarouselCaptionContent {
    margin-top: 50px;
  }
  .reg {
    width: 85%;
  }
}
@media only screen and (max-width: 320px) {
  .orderMainFeatureContent {
    order: 2;
  }
  .orderMainFeatureImage {
    order: 3;
  }
  .orderMainFeature {
    order: 1;
  }
  .main_features_box_header h1 {
    font-size: 34px;
  }
  .RectangleBoxContentInnerContent {
    padding: 0;
  }
  .RectangleBoxContent1,
  .RectangleBoxContent2,
  .RectangleBoxContent3,
  .RectangleBoxContent4 {
    min-width: 250px !important;
  }
  .RectangleBoxContentInnerContent1 h4,
  .RectangleBoxContentInnerContent1Black h4 {
    font-size: 16px !important;
  }
  .RectangleBoxContentInnerContent2H5 h5,
  .RectangleBoxContentInnerContent2H5Black h5 {
    font-size: 14px !important;
  }
  .RectangleBoxContentInnerContent2P p,
  .RectangleBoxContentInnerContent2PBlack p {
    font-size: 10px !important;
  }
  .RectangleBoxContentInnerContent1,
  .RectangleBoxContentInnerContent1Black {
    width: 150px !important;
  }
  /* ---- */
  .flickityCarousel {
    width: 65% !important;
  }
  .flickity-prev-next-button {
    height: 100%;
    width: 17.5%;
  }
  .flickity-prev-next-button .flickity-button-icon {
    top: 0;
    left: calc(50% - 20%);
  }

  .orderMainFeature {
    padding: 0;
  }
  .flickity-prev-next-button.previous {
    left: -8.5%;
  }
  .flickity-prev-next-button.next {
    right: -10.5%;
  }
  .TicketCarouselImage img {
    width: 280px;
    height: auto;
  }
  .droped {
    border: 2px solid #0066ac;
    width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .fanmodeContainer,
  .mainFeaturesInnerContainer {
    padding-left: 3%;
    padding-right: 3%;
  }

  .fanmodeInnerContainer {
    padding-left: 6%;
    padding-right: 3%;
  }
  /* .forTheTeamsLeftBox h2 {
    text-align: center;
  }
  .forTheTeamsLeftBox p {
    text-align: center;
  } */
  .fanmodeInnerContainerRight {
    padding-left: 3%;
    padding-right: 6%;
  }
  .headerHeadcontent {
    text-align: center;
  }
  .applaudImageContainerForMobileView {
    display: none;
  }
  /* --- */
  .mvHeaderHeadContent1,
  .mvHeaderHeadContent2 {
    display: none;
  }
  .appleAndPlayStoreButtonForMobileView {
    display: none;
  }
  .version1 {
    margin-top: 350px;
  }
  .version3 {
    margin-top: 350px;
  }
  .headerHead {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .carousel-indicators [data-bs-target] {
    margin-top: 15px;
    margin-right: 15px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
  }
  .forTheFansRightBox h2,
  .forTheTeamsLeftBox h2 {
    font-size: 40px;
  }
  .forTheFansRightBox p,
  .forTheTeamsLeftBox p {
    font-size: 14px;
  }
  .forTheFansRightBox,
  .forTheTeamsLeftBox {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .forBrandsRightBox {
    padding-top: 75px;
  }
  .EnterpriseSolutionBg {
    padding-top: 0;
  }
  .TicketCarouselImage img {
    height: auto;
    width: 350px;
  }
  .NavBarTogglerIconForMobileView {
    display: block;
  }
  .NavBarTogglerIconForWebView {
    display: none;
  }
  /* .howDoseItWorkSmallBoxContent{
    background-color:#023B7A;
   
  }
  .howDoseItWorkSmallBoxContent h5{
    color: white;
  } */
  /* .RequestADemoButton {
    color:white;
    background-color:#0666ac;
  } */

  .solutionsCarouselCaptionContent h1 {
    font-size: 30px;
  }
  .navbarBrandForWebView {
    display: block;
  }
  .navbarBrandForMobileView {
    display: none;
  }
  .reg {
    width: 50%;
  }
  .contactus {
    font-size: 55px;
    margin-bottom: 10px;
    font-weight: 1000px !important;
  }
}

@media only screen and (min-width: 992px) {
  .Breaking_the_obsolete_leftbox_header h1 {
    font-family: "montserrat", sans-serif;
    font-size: 30px;
    color: #0066ac;
    font-weight: 700;
  }
  .applaudContent {
    margin-left: 35px;
  }
  .flickityCarousel {
    width: 400px !important;
    margin-left: 20px !important;
  }
  .mainFeaturesInnerContainer {
    padding-left: 5%;
    padding-right: 1%;
  }
  .blue_shirt_guy_image img {
    max-width: 730px;
    height: 500px;
    position: absolute;
    top: -80px;
    right: -10px;
    bottom: 0;
  }
  .forTheTeams {
    padding-top: 75px;
  }
  .forTheFansRightBox,
  .forTheTeamsLeftBox {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .forBrandsRightBox {
    padding-top: 0;
  }
  .EnterpriseSolutionBg {
    padding-top: 75px;
  }
  .TicketCarouselImage img {
    height: auto;
    width: 320px;
  }
  .NavBarTogglerIconForMobileView {
    display: none;
  }
  .NavBarTogglerIconForWebView {
    display: block;
  }
  .imageCell img {
    /* margin-left: 10px !important;
    margin-right: 10px !important; */
    height: 70px !important;
    width: 89px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
  }
  .flickity-prev-next-button.next {
    right: -20px;
  }
  .flickity-prev-next-button.previous {
    left: -63px;
  }
  #mainFeaturesImageButtonEventOne {
    display: none;
    background-color: white !important;
    border-radius: 25% 25% 0px 0px;
    border: none !important;
    width: 100px !important;
  }
  /* #mainFeaturesImageButtonEventOne {
    width: 75px !important;
  } */
}
@media only screen and (min-width: 1024px) {
  .fanmodeContainer {
    padding-left: 5%;
    padding-right: 5%;
  }
  .fanmodeInnerContainer {
    padding-left: 10%;
    padding-right: 5%;
  }
  .fanmodeInnerContainerRight {
    padding-left: 5%;
    padding-right: 10%;
  }
  .headerHead h1 {
    font-size: 72px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .Breaking_the_obsolete_leftbox_header h1 {
    font-size: 30px;
  }
  .solutionsCarouselCaptionContent h1 {
    font-size: 60px;
  }
  .reg {
    width: 50%;
  }
  .droped {
    border: 2px solid #0066ac;
    width: 30%;
  }
  /* .imageCell img {
    margin-left: 5px !important;
    margin-right: 5px !important;
    height: 70px !important;
    width: 100px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
  }

  .flickity-prev-next-button.next {
    right: -25px;
  }

  .flickity-prev-next-button.previous {
    left: -75px;
  } */
  #mainFeaturesImageButtonEventOne {
    display: none;
    background-color: white !important;
    border-radius: 25% 25% 0px 0px;
    border: none !important;
  }
}

@media only screen and (min-width: 1300px) {
  .flickityCarousel {
    width: 500px !important;
  }

  .flickity-prev-next-button.previous {
    left: -40px;
  }
  .flickity-prev-next-button.next {
    right: -65px;
  }
  #mainFeaturesImageButtonEventOne {
    display: none;
    background-color: white !important;
    border-radius: 25% 25% 0px 0px;
    border: none !important;
    /* width: 112px !important; */
  }
}
@media only screen and (min-width: 1440px) {
  .fanmodeContainer,
  .mainFeaturesInnerContainer {
    padding-left: 10%;
    padding-right: 10%;
  }
  .fanmodeInnerContainer {
    padding-left: 20%;
    padding-right: 10%;
  }
  .fanmodeInnerContainerRight {
    padding-left: 10%;
    padding-right: 20%;
  }
  .blue_shirt_guy_image img {
    max-width: 760px;
    height: 600px;
    position: absolute;
    top: -160px;
    right: 50px;
    bottom: 0;
  }
  .Breaking_the_obsolete_leftbox_header h1 {
    font-family: "montserrat", sans-serif;
    font-size: 48px;
    color: #0066ac;
    font-weight: 700;
  }
  .forTheFansRightBox h2 {
    font-size: 55px;
  }
  .forTheFansRightBox p {
    font-size: 16px;
  }
  .reg {
    width: 25%;
  }
  .imageCell img {
    /* margin-left: 10px !important;
    margin-right: 10px !important; */
    height: 70px !important;
    width: 85px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
  }
}

@media only screen and (min-width: 1920px) {
  .Breaking_the_obsolete_leftbox_header h1 {
    font-family: "montserrat", sans-serif;
    font-size: 48px;
    color: #0066ac;
    font-weight: 700;
  }
  .breakingTheObsoleteLeftBoxContent p {
    font-size: 30px;
  }
}