/*color*/
/*strip color*/
/*Pc Font Size*/
/*Mobile Font Size*/
.exitPopupContainer,
.loginPopupContainer {
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 background-color: rgba(17, 0, 14, 0.42);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}

.exitPopupContainer .popupDiv,
.loginPopupContainer .popupDiv {
 width: 500px;
 max-width: 500px;
 margin: auto;
 background-color: #343b42;
 -webkit-box-shadow: 0px 2px 15px -13px #000000;
 box-shadow: 0px 2px 15px -13px #000000;
 padding: 1rem 1.5rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 background-color: #343b42;
 color: #ffffff;
}

.exitPopupContainer .popupDiv .popupCloseDiv,
.loginPopupContainer .popupDiv .popupCloseDiv {
 width: 30px;
 margin: 10px;
 -ms-flex-item-align: end;
 align-self: flex-end;
}

.exitPopupContainer .popupDiv label,
.loginPopupContainer .popupDiv label {
 font-weight: 400;
 color: #343b42;
 margin-top: 1rem;
}

.exitPopupContainer .popupDiv select,
.exitPopupContainer .popupDiv textarea,
.exitPopupContainer .popupDiv input,
.loginPopupContainer .popupDiv select,
.loginPopupContainer .popupDiv textarea,
.loginPopupContainer .popupDiv input {
 margin-top: 1rem;
 background-color: #ffffff;
 border: 1px solid #f0f0f0;
 border-radius: 0.3rem;
 padding: 0.5rem 1rem;
 width: 100%;
}

.exitPopupContainer .popupDiv button,
.loginPopupContainer .popupDiv button {
 margin-top: 0.25rem;
 background-color: #454b52;
 border: 1px solid #ffffff;
 border-radius: 0.3rem;
 padding: 0.25rem 0.5rem;
 color: #ffffff;
 margin-top: 1rem;
}

.exitPopupContainer .popupDiv .popupHeader,
.loginPopupContainer .popupDiv .popupHeader {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.exitPopupContainer .popupDiv .popupHeader .popupLogo,
.loginPopupContainer .popupDiv .popupHeader .popupLogo {
 height: 35px;
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center;
 width: auto;
}

.exitPopupContainer .popupDiv .popupHeader .popupCloseDiv,
.exitPopupContainer .popupDiv .popupHeader .exitpopupCloseDiv,
.loginPopupContainer .popupDiv .popupHeader .popupCloseDiv,
.loginPopupContainer .popupDiv .popupHeader .exitpopupCloseDiv {
 color: #ffffff;
 cursor: pointer;
}

.exitPopupContainer .popupDiv .popupContentDiv .popupTitle,
.loginPopupContainer .popupDiv .popupContentDiv .popupTitle {
 color: #232f3e;
 font-weight: 600;
 margin: -1rem -1.5rem;
 margin-top: 1rem;
 padding: 1rem 1.5rem;
 background-color: #343b42;
 text-align: center;
}

.exitPopupContainer .popupDiv .popupContentDiv .popupContent,
.loginPopupContainer .popupDiv .popupContentDiv .popupContent {
 margin: -1rem -1.5rem;
 margin-top: 1rem;
 padding: 1rem 1.5rem;
 background-color: #343b42;
 text-align: center;
}

.exitPopupContainer .popupDiv .popupButtonSection,
.loginPopupContainer .popupDiv .popupButtonSection {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 margin-top: 2rem;
}

.exitPopupContainer .popupDiv .popupButtonSection .popupButton,
.loginPopupContainer .popupDiv .popupButtonSection .popupButton {
 padding: 0.3rem 1rem;
 border-radius: 0.2rem;
 margin: 0 1rem;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 cursor: pointer;
}

.exitPopupContainer .popupDiv .popupButtonSection .fillButton,
.loginPopupContainer .popupDiv .popupButtonSection .fillButton {
 background-color: #232f3e;
 color: #ffffff;
 border: 1px solid transparent;
}

.exitPopupContainer .popupDiv .popupButtonSection .fillButton:hover,
.loginPopupContainer .popupDiv .popupButtonSection .fillButton:hover {
 color: #ffffff;
 border: 1px solid #232f3e;
}

.exitPopupContainer .popupDiv .popupButtonSection .borderButton,
.loginPopupContainer .popupDiv .popupButtonSection .borderButton {
 background-color: #ffffff;
 color: #232f3e;
 border: 1px solid #232f3e;
}

.exitPopupContainer .popupDiv .popupButtonSection .borderButton:hover,
.loginPopupContainer .popupDiv .popupButtonSection .borderButton:hover {
 color: #232f3e;
}

.exitPopupContainer .popupDiv .popupIconSection,
.loginPopupContainer .popupDiv .popupIconSection {
 margin-top: 2rem;
 text-align: center;
 margin: -1rem -1.5rem;
 padding: 1rem;
}

.exitPopupContainer .popupDiv .popupIconSection .popupIcon,
.loginPopupContainer .popupDiv .popupIconSection .popupIcon {
 width: 50px;
}

.exitPopupContainer .exitPopupContentDiv,
.exitPopupContainer .loginPopUpContentDiv,
.loginPopupContainer .exitPopupContentDiv,
.loginPopupContainer .loginPopUpContentDiv {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.exitPopupContainer .exitPopupContentDiv #popUpMatter,
.exitPopupContainer .exitPopupContentDiv form,
.exitPopupContainer .loginPopUpContentDiv #popUpMatter,
.exitPopupContainer .loginPopUpContentDiv form,
.loginPopupContainer .exitPopupContentDiv #popUpMatter,
.loginPopupContainer .exitPopupContentDiv form,
.loginPopupContainer .loginPopUpContentDiv #popUpMatter,
.loginPopupContainer .loginPopUpContentDiv form {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 margin-top: 2rem;
 width: 100%;
}

.exitPopupContainer .exitPopupContentDiv #popupContentDivHeading,
.exitPopupContainer .exitPopupContentDiv #popupContentDivContent,
.exitPopupContainer .exitPopupContentDiv #popupContentDivButton,
.exitPopupContainer .loginPopUpContentDiv #popupContentDivHeading,
.exitPopupContainer .loginPopUpContentDiv #popupContentDivContent,
.exitPopupContainer .loginPopUpContentDiv #popupContentDivButton,
.loginPopupContainer .exitPopupContentDiv #popupContentDivHeading,
.loginPopupContainer .exitPopupContentDiv #popupContentDivContent,
.loginPopupContainer .exitPopupContentDiv #popupContentDivButton,
.loginPopupContainer .loginPopUpContentDiv #popupContentDivHeading,
.loginPopupContainer .loginPopUpContentDiv #popupContentDivContent,
.loginPopupContainer .loginPopUpContentDiv #popupContentDivButton {
 text-align: center;
}

.exitPopupContainer .exitPopupContentDiv .popupContentDivButton,
.exitPopupContainer .exitPopupContentDiv button,
.exitPopupContainer .loginPopUpContentDiv .popupContentDivButton,
.exitPopupContainer .loginPopUpContentDiv button,
.loginPopupContainer .exitPopupContentDiv .popupContentDivButton,
.loginPopupContainer .exitPopupContentDiv button,
.loginPopupContainer .loginPopUpContentDiv .popupContentDivButton,
.loginPopupContainer .loginPopUpContentDiv button {
 padding: 0.5rem 2rem;
 margin-top: 2rem;
 max-width: 60%;
 color: #ffffff;
 background-color: #232f3e;
 border: none;
}

.exitPopupContainer .exitPopupContentDiv input,
.exitPopupContainer .loginPopUpContentDiv input,
.loginPopupContainer .exitPopupContentDiv input,
.loginPopupContainer .loginPopUpContentDiv input {
 width: 100%;
 max-width: 400px;
 border: none;
 padding: 0.5rem 0.5rem;
 border-radius: 0.3rem;
 margin-bottom: 0.5rem;
}

.exitPopupContainer .exitPopupContentDiv label,
.exitPopupContainer .loginPopUpContentDiv label,
.loginPopupContainer .exitPopupContentDiv label,
.loginPopupContainer .loginPopUpContentDiv label {
 margin-bottom: 0.5rem;
}

.popupContainer {
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 background-color: rgba(17, 0, 14, 0.42);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 align-items: center;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}

.popupContainer .popupDiv {
 width: 90%;
 max-width: 500px;
 margin: auto;
 background-color: #343b42;
 -webkit-box-shadow: 0px 2px 15px -13px #000000;
 box-shadow: 0px 2px 15px -13px #000000;
 padding: 1rem 1.5rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 background-color: #343b42;
 color: #ffffff;
}

.popupContainer .popupDiv .popupHeader {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.popupContainer .popupDiv .popupHeader .popupLogo {
 height: 35px;
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center;
 width: auto;
}

.popupContainer .popupDiv .popupHeader .popupCloseDiv {
 color: #ffffff;
 cursor: pointer;
}

.popupContainer .popupDiv .popupContentDiv .popupIconSection {
 width: 50px;
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center;
 margin: auto;
 margin-top: auto;
 margin-top: 20px;
}

.popupContainer .popupDiv .popupContentDiv .popupTitle {
 color: #232f3e;
 font-weight: 600;
 margin: -1rem -1.5rem;
 margin-top: 1rem;
 padding: 1rem 1.5rem;
 background-color: #ffffff;
 text-align: center;
}

.popupContainer .popupDiv .popupContentDiv .popupContent {
 color: #232f3e;
 margin: -1rem -1.5rem;
 padding: 1rem 1.5rem;
 background-color: #ffffff;
 text-align: center;
}