/* General */
.HeadingDefault { width: 100%;  font-size: 3rem; margin: 0px 0 7px ;  }
.SubHeadingDefault { float: left;  width: 100%; margin: 0 0 1.5rem ; font-size: 1.3rem; font-weight: 400; background-color: rgba(240, 248, 255, 0); min-height: fit-content ; }
.ParagraphDefault { width: 100%; margin-bottom: 10px ; font-weight: 400; background-color: rgba(240, 248, 255, 0);  line-height: 1.6rem; white-space: pre-line ; text-align: left;  }
.TextColourDefault { color: rgb(0, 0, 0) ; }
.TextAccentColourDefault { color: rgb(26, 96, 236) ; }
.TextAttentionColourDefault { color: rgb(0, 83, 200) ; }
.BGColourDefault {  background-color: rgb(231, 231, 231) ; }
.BGCardDefault {  background-color: rgb(236, 236, 236) ; }
.BGAccentColourDefault  { background-color: rgb(170, 180, 170) ; }
.BGAccentColour2Default  { background-color: rgb( 80, 100, 80 ) ; }
.BGAccentColour3Default { background-color: rgb(0, 106, 255) ; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5) ;  }
.BGAttentionColourDefault  { background-color: rgb(200, 45, 0) ; color: white; }
.BGHighlightColourDefault  { background-color: rgb(0, 107, 150) ; color: white ; }
.BGInputDefault {  background-color: rgba(0, 0, 0, 0.1 ) ; }
.IconDefault {  filter: invert( 0% ); }
.BorderColourDefault  { border-color: rgba(0, 0, 0, 0.3); } 


b { color: rgb(0, 0, 0); }


.PlatformInputTitleDefault { width: 100%; margin: 0 0 2px ; transition-duration: 0.2s; opacity: 0.7 ; font-size: 0.9rem ; }
.PlatformInputDefault  { width: 100%;  background-color: rgba(0, 0, 0, 0) ; transition-duration: 0.2s; font-weight: 600; font-size: 1.2rem ; padding: 4px 0 4px ; }
.PlatformTextAreaDefault { width: 100%; height: 150px; padding: 10px 0 10px;  background-color: rgba(42, 16, 16, 0);  font-weight: 600; font-size: 1.2rem; }


.PlatformButtonForCardsBaseDefault { float: left; min-width: 100px; padding: 9px 14px 9px ; margin: 3px ; border-radius: 7px; color: rgb(0, 0, 0) ; display: flex; align-items: center; justify-content: center; }
.PlatformButtonForCardsDefault { float: left; min-width: 80px; height: 35px; padding: 0 14px 0 ; margin: 3px ; background-color: rgba(0, 0, 0, 0.1); border: solid 0px black; border-radius: 7px; color: rgb(0, 0, 0) ; display: flex; align-items: center; justify-content: center; }
.PlatformButtonForCardsDefault:hover { background-color: rgba(0, 0, 0, 0.2); transition-duration: 0.5s ; }
.PlatformButtonForCardsWhiteDefault { float: left; width: 100%; height: auto; padding: 9px 14px 9px ; margin: 3px 0 3px ; background-color: rgba(0, 0, 0, 0.7); border: solid 0px black; border-radius: 7px; color: rgb(255, 255, 255) ; display: flex; align-items: center; justify-content: left;  }
.PlatformButtonForCards2Default { float: left; min-width: fit-content; padding: 0.7rem 1.7rem 0.7rem ; margin: 3px ; background-color: rgb(0, 0, 0); border: solid 0px black; border-radius: 100rem ; color: rgb(255, 255, 255) ; display: flex; align-items: center; justify-content: center; font-weight: 600 ; cursor: pointer; }





.PlatformButtonNormalDefault { padding: 7px 14px 7px ; margin-left: 3px ; margin-right: 3px ; background-color: rgba(85, 85, 85, 0); border: solid 1px black; font-weight: 600; border-radius: 0px;  }
.PlatformButtonNormal2Default { padding: 7px 14px 7px ; margin-left: 3px ; margin-right: 3px ; background-color: rgb(0, 0, 0); border: solid 1px rgba(0, 0, 0, 0); font-weight: 600; border-radius: 0px; color: rgb(255, 255, 255); }

.PlatformButton1Default { padding: 7px 14px 7px ; margin: 0 3px 0; background-color: rgb(0, 0, 0); border: solid 1px rgb(0, 0, 0); font-weight: 400; border-radius: 0px; color: white; box-shadow: 0 0 12px rgba(255, 255, 255, 0) ; }
.PlatformButton2Default { padding: 9px 20px 9px ; margin: 0 3px 0; background-color: rgb(0, 0, 0); border: solid 1px black; font-weight: 600; border-radius: 0px; color: white; }

.PlatformSubmitBtnDefault { padding: 9px 20px 9px ;margin: 3px ; background-color: rgb(0, 0, 0); border: solid 1px black; font-weight: 600; border-radius: 0px; color: white; }

.PlatformButtonForCardsPublicDefault { padding: 7px 14px 7px ; margin-left: 3px ; margin-right: 3px ; background-color: rgba(85, 85, 85, 0); border: solid 1px black; font-weight: 600; border-radius: 0px;  }



.ReadMoreDefault { font-weight: 600; margin: 10px 0 0 ; cursor: pointer;  }

.LargeFontDefault { font-size: 1.2rem; line-height: 1.7rem; white-space: pre-line ; font-weight: 400;  }
.SmallPhotoDefault { max-height: 25vh; border-radius: 10px; }



/* File Upload */
.GlobalFileTypeObjectPhotoBoxDefault { width: 100% ; height: 150px ; overflow: hidden; display: flex ; justify-content: center; align-content: center;  }
.GlobalFileTypeObjectPhotoDefault { height: 100% ; }


.CardResponseBtnsIndicatorImageDefault { height: 40% ;  }







/* Landing */
.AppLandingBgShadingDefault { background-image: linear-gradient( 270deg , rgba(0, 0, 0, 0) , rgba(231, 231, 231, 0.8) , rgb(231, 231, 231) ); }
/* .AppLandingLogoDefault { height: 100%; } */

.AppLandingBox2Default { position: absolute ; bottom: 0 ; left: 0; width: 70%; height: 100% ; display: flex ; justify-content: center; flex-direction: column ; z-index: 1 ; 
    background-image: linear-gradient( 270deg , rgba(231, 231, 231, 0 ) , rgb( 231, 231, 231 ) ) ; 
    padding-left: 5%; padding-right: 20%;
}

.AppLandingPlatformNameDefault {  float: right;  width: fit-content; margin-left: 10px ; font-size: 1.5rem ; background-color: rgba(123, 28, 28, 0);  }
.AppLandingBodyDefault { float: left; width: 100%; background-color: rgba(0, 0, 0, 0); opacity: 0.8 ; line-height: 1.5rem ; }

.AppLandingButtonBoxDefault { width: 100%; margin: 40px 0 0; display: flex; flex-wrap: wrap; }

.AppLandingCallToActBtnsDefault { min-width: fit-content ; padding: 12px 20px 12px ; background-color: rgba(0, 0, 0, 0.9); color: white; display: flex; align-items: center; justify-content: center; margin: 2px ; border-radius: 500px ; font-size: 1rem ; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);  }
























/* Contact */
.AppContactBox0Default {  float: left;  width: 100%; height: fit-content; padding: 70px 15% 100px ; display: flex; justify-content: center ; }
.AppContactBox1Default { width: 500px; }
.AppContactSloganDefault { width: 100%; position: relative;  }
.AppContactBodyDefault { width: 100%; position: relative; height: 100px ; overflow: hidden; }







/* Footer */
/* .AppFooterCopyrightDefault { position: absolute; top: 50%; right: 5% ; transform: rotate( 270deg ); } */
.AppFooterCopyrightDefault { float: left; width: 100%; margin: 7px 0 0 ; text-align: left;}

.AppFooterCallToActionButtonDefault { padding: 12px 30px 12px ; margin: 40px 5px 40px; background-color: rgba(85, 85, 85, 0); border: solid 1px black; font-weight: 600; border-radius: 100px; }














/* Store */
.AppProductSectionDefault { float: left; width: 100%; padding: 70px 10% 100px ; display: flex; justify-content: center; flex-wrap: wrap;  }

.AppProductBox0DisplayDefault { float: left; position: relative ; width: 100% ; height: fit-content ; background-color: rgba(137, 43, 226, 0) ; }

/* .AppProductPhotoBoxDefault { float: left; position: relative; width: 150px ; height: 90px ; overflow: hidden; display: flex ; justify-content: center; align-items: center; border-radius: 0px ; background-color: rgba(0, 0, 0, 0.7); margin: 2px ;  cursor: pointer; }
.AppProductPhotoBoxSmallDefault { float: left; position: relative; width: 100px ; height: 61px ; margin: 2px ; overflow: hidden; display: flex ; justify-content: center; align-items: center; border-radius: 0px ; background-color: rgba(0, 0, 0, 0.7);  cursor: pointer; } */



.AppProductPhoto1AddBtnDefault { position: absolute; top: 0; left: 0; width: 100% ; height: 100% ; cursor: pointer; font-size: 2rem ; display: flex; align-items: center; justify-content: center; font-weight: 100; border: dashed 0.1px rgba(0, 0, 0, 0) ; border-radius: 0px ; color: rgb(169, 169, 169); }

.AppProductCodeDefault { float: left;  width: 100% ; padding: 10px 0 100px ; background-color: rgba(0, 0, 0, 0); } 

.AppProductTitleDefault { width: 100%; font-weight: 600 ; font-size: 1.4rem ; padding: 0 0 0 ; margin: 7px 0 7px ; background-color: rgba(137, 20, 20, 0); text-align: left; }

/* .AppProductMessageDefault { min-width: 100% ; max-width: 100% ; min-height: 4.7rem ; max-height: 4.7rem ; padding: 5px 0 5px ;  overflow-y: hidden ; }  */
.AppProductMessageDefault { float: left; width: 100%; height: fit-content ; padding: 5px 0 5px ; overflow-y: hidden ; background-color: rgba(0, 0, 0, 0); line-height: 1.5rem ; } 

.AppProductButtonBoxPublicDefault { position: relative; width: 100% ; padding: 5px 0px 0  ; display: flex; justify-content: right ; }


.AppProductPriceBoxDefault { float: left; width: 100% ; height: fit-content; margin: 7px 0 0 ; padding: 0 25px 0 ; background-color: rgba(224, 68, 68, 0); }
.AppProductPriceBox2Default{ float: left;  width: 100% ; margin: 0 0 15px ; background-color: rgba(22, 237, 237, 0); }
.AppProductPriceDefault { font-size: 1.2rem; margin-right: 5px ;  background-color: rgba(59, 62, 138, 0); }
.AppProductPrice2Default { margin-bottom: 10px ; opacity: 0.7 ; font-weight: 400; font-size: 0.8rem; background-color: rgba(151, 32, 74, 0); }

.AppProductFWDefault { float: left; width: 100% ; padding: 8px 0 8px ; background-color: rgba(0, 0, 255, 0); }
.AppProductHeadingsDefault { font-weight: 600 ; margin: 30px 0 0 ; width: 100% ; float: left ; }

.AppProductDisplayTopDefault { position: absolute; top: 0; left: 0;  display: flex; align-items: center; flex-direction: row; height: 30px; width: 100% ; background-color: rgba(59, 170, 49, 0) ; padding: 0 10px 0 ; margin: 5px 0 5px ;  }
.AppProductDisplayTypeDefault { height: 100%; width: 100% ; display: flex ; align-items: center ; background-color: rgba(154, 196, 150, 0) ; padding: 0 0 0 ; margin: 0 0 15px ;  text-transform: capitalize; }
.AppProductDisplayLogoBoxDefault { width: 35px ; height: 30px; overflow: hidden; display: flex; justify-content: center; align-items: center ; border-radius: 50% ; }
.AppProductDisplayLogoDefault { height: 50% ; }

.AppProductDisplayDesciptionDefault { height: 3.4rem; width: 100% ; background-color: rgba(84, 188, 74, 0) ;  overflow: hidden ; font-size: 0.8rem ; margin: 25px 0 25px ; opacity: 0.6 ; text-justify: inter-word; line-height: 1.1rem ; }
.AppProductDisplayPriceBoxDefault { display: flex; flex-direction: row; justify-items: left ; align-content: center ; margin: 0 0 40px ; width: 100% ; }
.AppProductDisplayPriceBox2Default { display: flex; flex-direction: row; justify-items: left ; align-content: center ; margin: 0 0 15px ; width: 100% ; }
.AppProductDisplayPriceDefault { font-size: 1.2rem ; margin: 0 7px 0 ; }
.AppProductDisplayTypicalDefault {  margin-right: 5px ; background-color: rgba(0, 0, 0, 0); }



/* StoreItem Slider */
.AppStoreItemSliderDefault { position: absolute; top: 0; right: 0; height: 100%; background-color: rgb(50, 50, 50); border-radius: 10px; box-shadow: -5px 0 7px rgba(0, 0, 0, 0.3) ; transition-duration: 0.2s ; z-index: 1; }
.AppStoreItemSliderOpenDefault { width: 80% ; }
.AppStoreItemSliderCloseDefault { width: 0%;  }
.AppStoreItemSliderInnerDefault { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: 1s ; background-color: rgba(0, 0, 255, 0); padding: 50px 10px 10px ; overflow-y: scroll; }













/* Website Navigation Slider*/
.NavigationSliderBtnsBox01 { background-color: rgb(0, 0, 0);  }
.NavigationSliderBtnsBox02 { background-color: rgba(0, 0, 0, 0);  }


.NavigationSliderBtnsDescriptionDefault { width: 100%; margin-top: 2px ; color: rgb(255, 255, 255); opacity: 0.3 ; padding-left: 32px ; font-weight: 200 ; }
.NavigationSliderBtnsDescription2Default { width: 100%; margin-top: 2px ; color: rgb(255, 255, 255); opacity: 0.3 ; padding-left: 0 ; font-weight: 200 ; }
.NavigationSliderBtnsIndicatorDefault { position: absolute; top: 10px ; right: 15px;  color: rgb(200, 0, 0); width: fit-content ; font-weight: 800 ; background-color: rgba(45, 196, 31, 0.462); text-align: right; }

.NavigationSliderBtnsIndicator2Default { position: absolute; top: 0 ; left: 0; padding: 0 0 3px; width: 100% ; color: rgb(200, 0, 0); font-weight: 800 ; background-color: rgba(193, 200, 0, 0); text-align: center; font-size: 0.7rem ; }



















/* Connections */
.AppConnectionsBoxDefault { position: relative; width: 150px; height: fit-content;  padding: 30px 10px 10px ; margin: 0 1% 9vh; border-radius: 10px;  display: flex; align-items: center; flex-direction: column ; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3) ; }


.AppConnectionsImageBoxDefault { float: left; width: 70px; height: 70px; overflow: hidden;  display: flex; justify-content: center; align-items: center; border-radius: 50% ; cursor: pointer; }
.AppConnectionsImageDefault { height: 100% ; }

.AppConnectionsTextBoxDefault { float: left; width: 100%; display: flex ; flex-direction: column ; justify-content: center; align-items: center;  margin: 15px 0 10px ; background-color: rgba(0, 255, 255, 0); }
.AppConnectionsButtonBoxDefault { display: flex; align-items: center; justify-content: center; margin: 7px 0 0 ; background-color: brown; }
.AppConnectionsTextTitleDefault { float: left; font-size: 1.1rem; padding: 0 0 0.1rem ; font-weight: 600; text-transform: capitalize; text-align: center; }
.AppConnectionsCountryDefault { float: left; text-align: center;  }

.ConnectionButtonsBox0Default { position: relative; z-index: 20 ; }
.ConnectionButtonsDefault { position: absolute; top: 0; right: 0; width: 180px ; height: fit-content; padding: 10px; background-color: white; box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); z-index: 1; border-radius: 10px ; }


.AppConnectionsSliderDefault { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgb(50, 50, 50); border-radius: 10px; box-shadow: -5px 0 7px rgba(0, 0, 0, 0.3) ; transition-duration: 0.2s ; }
.AppConnectionsSliderOpenDefault { width: 100% ; }
.AppConnectionsSliderCloseDefault { width: 0%;  }
.AppConnectionsSliderInnerDefault { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-delay: 1s ; background-color: rgba(0, 0, 255, 0); padding: 50px 10px 10px ; overflow-y: scroll; }











.PlatformStatsSectionDefault { float: left; width: 100%; height: fit-content; padding: 100px 15% 100px ; background-color: rgba(30, 35, 40, 0) ; display: flex ; justify-content: center;  }
.PlatformStatsImageDefault  { height: 100% ; margin: 0; opacity: 1; }
.PlatformStatsTitleDefault  { font-size: 1rem ; margin: 0.7rem 0 0 ; text-align: center;  }
.PlatformStatsCounterDefault  { font-size: 2.5rem ; margin: 0; opacity: 1; }





































@media screen and ( max-width: 1700px ) {
    /* .AppLandingBox2Default  { width: 50% ;  } */
}


@media screen and ( max-width: 1200px ) {       
    /* Landing */
    .AppLandingBox2Default  { width: 70% ;  }

}


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

    /* General */
    .HeadingDefault { width: 100%;  font-size: 2.5rem;  }

    
    /* Landing */
    .AppLandingBox0Default {  padding-left: 5%; padding-right: 5%; height: 75vh; }
    .AppLandingBgBoxDefault { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0px; }

    .AppLandingBox2Default  { background-image: linear-gradient( 180deg , rgba(0, 0, 0, 0) , rgb(231, 231, 231) ); }
    .AppLandingSloganDefault{ font-size: 2.5rem ; color: rgb(0, 0, 0); }
    .AppLandingButtonBoxDefault { margin: 20px 0 0; }

    .AppLandingBgShadingDefault { background-image: linear-gradient( 180deg , rgba(231, 231, 231, 0) , rgba(231, 231, 231, 0.9) , rgb(231, 231, 231) , rgb(231, 231, 231) ); }


    /* About */
    .AppAboutBox2Default { padding-right: 10% ; padding-left: 10% ; width: 95%; }
    .AppAboutBgBoxDefault { width: 100% ;  }


    /* Contact */




    /* Store */
    .AppProductColumnsDefault {  width: 100%; }
    .ViewStoreItemDetailsDefault { padding-left: 5%; padding-right: 5%; justify-content: center; }
    .ViewStoreItemDetailsDefault { padding-left: 5% ; padding-right: 5% ; }
    .AppProductSectionEditDefault { padding-left: 5% ; padding-right: 5% ; }
    .AppProductSectionDefault { padding-left: 5%; padding-right: 5% ; }


    /* Connection */
    


}

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

}