/*common*/
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* Firefox */
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: transparent;		
		/*zoom: 1;*/
		/*transform: scale(1);*/ /* Use transform for scaling-conflicting with home search panel */
		}

	html {
		font-size: 16px;
		min-height: 100%;
		font-family: lato;
		-webkit-text-size-adjust: 100%; /* WebKit browsers */
    -ms-text-size-adjust: 100%; /* For older versions of IE */
    text-size-adjust: 100%; /* Standard */
		scroll-behavior: smooth;
		}

	/*html {
		scroll-behavior: smooth;
		}*/

	body {
		font-size: 14px;
		line-height: 14px;
		font-family: "lato", sans-serif;
		background-color: #fff;
		color: #4a4a4a;
		overflow-x: hidden;
		-webkit-font-smoothing: antialiased;
		margin: 0;
		}

	/*body {
	  background-color: #fff;
	  color: #000001;
	  overflow-x: hidden;
	  -webkit-font-smoothing: antialiased;
	  -ms-overflow-style: scrollbar;
	  oveflow-y: scroll;
	  font-size: 14px;
	  line-height: 16px;
		margin: 0;
		}*/

	section {
		display: block;
		}
		 
	ol, ul {
		list-style: none;
		margin: 0;
		}
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 700;
		color: #4a4a4a;
		}
	h3, .h3 {
		font-size: 14px;
		}
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 0;
		margin-bottom: 0;
		}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: inherit;
		font-weight: 500;
		line-height: 1.1;
		color: inherit;
		}
	p {
	  font-size: 15px;
	  line-height: 15px;
	  margin: 0;
	  }

/*pre-loading css starts*/
	.pace-inactive {
	  display: none;
		}
	.pace {
	  user-select: none;
	  background: #f5f5f5;
	  height: 100%;
	  left: 0;
	  opacity: 1;
	  position: fixed;
	  top: 0;
	  -o-transition: all 0.4s ease-in-out;
	  -webkit-transition: all 0.4s ease-in-out;
	  -ms-transition: all 0.4s ease-in-out;
	  transition: all 0.4s ease-in-out;
	  visibility: visible;
	  width: 100%;
	  z-index: 999999;
	  -webkit-backface-visibility: hidden;
		}
	.pace {
	  visibility: visible;
		}
	.pace .loading-page {
	  -webkit-backface-visibility: hidden !important;
	  -webkit-transform: none !important;
		}
	.loading-page.style1 {
	  background-color: #1a232f;
	  background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
		background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
		background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
		background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%);
		background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%);
	  }
	.loading-page {
	  position: absolute;
	  display: table;
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  text-align: center;
	}
	.loading-page .loading-page-wrapper {
	  display: table-cell;
	  vertical-align: middle;
	}
	.block {
	  margin-bottom: 40px;
	}
	.loading-page .logo img {
	  height: auto;
	  width: auto;
	}
	.loading-page.style1 .loading-progress-bar {
	  height: 18px;
	  background: #0e1319;
	  border-radius: 9px; /* Simplified border-radius */
    opacity: 0.95; /* Works in all modern browsers */
	  box-shadow: 0 1px 0 #3b4857;
	  padding: 3px;
	}
	.loading-page .loading-progress-bar {
	  margin-left: auto;
	  margin-right: auto;
	  float: none;
	}
	.loading-page.style1 .loading-progress {
	  height: 12px;
	  border-radius: 6px; /* Simplified border-radius */
	  background: #7c3aed;
	}
	.loading-page.style1 .loading-text {
	  font-size: 1.3333em;
	  font-weight: bold;
	  color: #7c9abd;
	  letter-spacing: 0.4em;
	  text-transform: uppercase;
	}
/*pre-loading css ends*/

/*clearfix*/
	.clearfix::after {
	  content: "";
	  clear: both;
	  display: table;
	  }

/*select*/
	select {
		background: #fff;
	  border: none;
	  line-height: normal;
		/*height: 34px;
	  padding: 8px 0 8px 8px;*/
		font-family: inherit;
	  font-size: inherit;
		margin: 0;
		}
	.select-none {
		-webkit-user-select: none;
		user-select: none;
		}
	select option {
	    padding: 6px 12px;
		}

/*cursor and button*/
	[role=button] {
		cursor: pointer;
		}
	.cursorPointer, .pointer {
		cursor: pointer;
		}
	button, html input[type=button], input[type=reset], input[type=submit] {
		-webkit-appearance: button;
		cursor: pointer;
		}
	button, input, select, textarea {
		margin: 0;
		font: inherit;
		color: inherit;
		}
	.no-event {
		pointer-events: none;
	}
	.btnMain {
		display: inline-block;
		margin-bottom: 0;
		text-transform: none;
		border: 1px solid #6d28d9;
		border-radius: 3px;
		background-color: #6d28d9;
		padding: 4px 12px;
		font-size: 14px;
		line-height: 16px;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		letter-spacing: 0.64px;
		height: auto;
		box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);
		}

/*page container*/
	.dPageContainer:before, .dPageContainer:after {
		display: table;
		content: " ";
		}
	.dPageContainer:after {
		clear: both;
		}
	.dPosition_Sticky {
		/*position: sticky;
		position: -webkit-sticky;
		top: 0;
		z-index: 5;*/
		}

/*color*/
	.mWhiteBG, .whitebg, .dBGColor, .white-background {
		background-color: #fff;
		}
	.mBG {
		background: #f2f2f2;
		}
	.dBackground {
		background-color: #f2f2f2;
		}
	.color008 {
		color: #7c3aed;
		}
	.color01b {
		color: #7c3aed;
		}
	.colorA1 {
		color: #a1a1a1;
		}

/*fontweight*/
	.fontItalic {
		font-style: italic;
		}
	.fontWeight500 {
		font-weight: 500;
		}
	.fontWeight600, .font600, .fontBold {
		font-weight: 600;
		}
	.latoBlack {
		font-weight: 900;
		}

/*flex*/
	.makeflex, .d-flex {
		display: flex;
		}
	.makeflex.flex-wrap {
		flex-wrap: wrap;
		}
	.makeflex.align-center {
		align-items: center;
		}
	.makeflex.justify-center {
		justify-content: center;
		}
	.makeflex.space-around {
		justify-content: space-around;
		}
	.makeflex.column {
		flex-direction: column;
		}
	.makeflex.space-between, .makeFlex.spaceBetween {
		justify-content: space-between;
		}
	.noShrink {
		flex-shrink: 0;
		}
	.flexCenter {
		display: flex;
		align-items: center;
		}
	.flex-column {
		display: flex;
		flex-direction: column;
		}
	.flex-column-center {
		display: flex;
		flex-direction: column;
		align-items: center;
		}
	.flexBetween, .d-flex-between {
		display: flex;
		justify-content: space-between;
		}
	.flexRight {
		display: flex;
		justify-content: right;
		}
	.d-flex-baseline {
		display: flex;
		align-items: baseline;
		}
	.d-flex-end {
		display: flex;
		align-items: flex-end;
		}
	.flexJcEnd {
		display: flex;
		justify-content: end;
		}
	.flexOne, .flex1 {
		flex: 1;
		}
  .flexTwo {
    flex: 2;
    }

/*flex gap*/

	.gap5 {
		gap: 5px;
	}

	.gap10{
		gap: 10px;
	}

	.gap15{
		gap: 15px;
	}

	.gap20{
		gap: 20px;
	}

	.rowGap5 {
		row-gap: 5px;
	}

	.rowGap10 {
		row-gap: 10px;
	}

	.rowGap15 {
		row-gap: 15px;
	}

	.rowGap20 {
		row-gap: 20px;
	}

	.columnGap5 {
		row-gap: 5px;
	}

	.columnGap10 {
		row-gap: 10px;
	}

	.columnGap15 {
		row-gap: 15px;
	}

	.columnGap20 {
		row-gap: 20px;
	}

/*margin*/
	.appendAllZero {
		margin: 0px;
		}
	.appendAll20 {
		margin: 20px;
		}
	.apndTop5, .appendTop5 {
		margin-top: 5px;
		}
	.apndTop7 {
		margin-top: 7px;
		}
	.apndTop10, .appendTop10 {
		margin-top: 10px;
		}
	.apndTop13, .appendTop13 {
		margin-top: 13px;
		}
	.apndTop15, .appendTop15 {
		margin-top: 15px;
		}
	.apndTop20, .appendTop20 {
		margin-top: 20px;
		}
	.apndTop25, .appndTop25 {
		margin-top: 25px;
		}
	.apndTop30, .appendTop30 {
		margin-top: 30px;
		}
	.apndTop50, .apndTop50 {
		margin-top: 50px;
		}
	.apndBtm3, .appendBottom3 {
    margin-bottom: 3px;
		}
	.apndBtm5, .appendBtm5, .appendBottom5 {
		margin-bottom: 5px;
		}
	.apndBtm10, .appendBtm10, .apndBtm10, .appendBottom10 {
		margin-bottom: 10px;
		}
	.apndBtm13, .appendBottom13 {
		margin-bottom: 13px;
		}
	.apndBtm15, .appendBottom15 {
		margin-bottom: 15px;
		}
	.apndBtm20, .appendBtm20, .appendBottom20 {
		margin-bottom: 20px;
		}
	.apndBtm25, .appendBottom25 {
		margin-bottom: 25px;
		}
	.apndBtm30 {
		margin-bottom: 30px;
		}
	.apndBtm40 {
		margin-bottom: 40px;
		}
	.apndBtm100 {
		margin-bottom: 100px;
		}
	.appendB275 {
		margin-bottom: 275px;
		}
	.apndLft3 {
		margin-left: 3px;
		}
	.apndLft4 {
		margin-left: 4px;
		}
	.apndLft5, .appendLeft5, .apndLeft5 {
		margin-left: 5px;
		}
	.apndLft10, .appendLeft10, .apndL10 {
		margin-left: 10px;
		}
	.apndLft15, .appendLeft15 {
		margin-left: 15px;
		}
	.apndLft20, .appendLeft20 {
		margin-left: 20px;
		}
	.apndLft30, .appendLeft30 {
		margin-left: 30px;
		}
	.apndLft40, .appendLeft40 {
		margin-left: 40px;
		}
	.apndRt2 {
		margin-right: 2px;
		}
	.apndRt3 {
		margin-right: 3px;
		}
	.apndRt4 {
		margin-right: 4px;
		}
	.apndRt5, .apndR5 {
		margin-right: 5px;
		}
	.apndRt10, .apndR10 {
		margin-right: 10px;
		}
	.apndRt15 {
		margin-right: 15px;
		}
	.apndRt20, .appendRight20 {
		margin-right: 20px;
		}
	.apndRt30, .appendRight30 {
		margin-right: 30px;
		}
	.apndRt40, .appendRight40 {
		margin-right: 40px;
		}

/*padding*/
	.pdng0 {
		padding: 0px;
		}
	.pdng4 {
		padding: 4px;
		}
	.pdng5 {
		padding: 5px;
		}
	.pdng10, .padding10 {
		padding: 10px;
		}
	.pdng13 {
		padding: 13px;
		}
	.pdng15, .padding15 {
		padding: 15px;
		}
	.pdng20, .padding20 {
		padding: 20px;
		}
	.pdngTop0 {
		padding-top: 0px;
		}
	.pdngTop7, .paddingTop7 {
		padding-top: 7px;
		}
	.pdngTop10, .paddingTop10 {
		padding-top: 10px;
		}
	.pdngTop15 {
		padding-top: 15px;
		}
	.pdngTop20, .padngTop20, .paddingTop20 {
		padding-top: 20px;
		}
	.pdngBtm5 {
		padding-bottom: 5px;
		}
	.pdngBtm10, .paddingB10, .paddingBottom10 {
		padding-bottom: 10px;
		}
	.pdngUD10 {
		padding-top: 10px;
		padding-bottom: 10px;
		}

/*border radius*/
	.borderRadius2, .bdrRadius2 {
		border-radius: 2px;
		}
	.borderRadius3, .bdrRadius3 {
		border-radius: 3px;
		}
	.borderRadius4, .bdrRadius4 {
		border-radius: 4px;
		}
	.borderRadius5, .bdrRadius5 {
		border-radius: 5px;
		}
	.borderRadius10, .bdrRadius10 {
		border-radius: 10px;
		}
	.borderRadius15, .bdrRadius15 {
		border-radius: 15px;
		}
	.borderRadius25, .bdrRadius25 {
		border-radius: 25px;
		}

/*font*/
	.font10 {
		font-size: 10px;
		line-height: 10px;
		}
	.font11 {
		font-size: 11px;
		line-height: 11px;
		}
	.font12 {
		font-size: 12px;
		line-height: 12px;
		}
	.font13 {
		font-size: 13px;
		line-height: 13px;
		}
	.font14 {
		font-size: 14px;
		line-height: 14px;
		}
	.font15 {
		font-size: 15px;
		line-height: 15px;
		}
	.font16 {
		font-size: 16px;
		line-height: 16px;
		}
	.font17 {
		font-size: 17px;
		line-height: 17px;
		}
	.font18 {
		font-size: 18px;
		line-height: 18px;
		}
	.font20 {
		font-size: 20px;
		line-height: 20px;
		}
	.font22 {
		font-size: 22px;
		line-height: 22px;
		}
	.font24 {
		font-size: 24px;
		line-height: 24px;
		}
	.font26 {
		font-size: 26px;
		line-height: 26px;
		}
	.font28 {
		font-size: 28px;
		line-height: 28px;
		}
	.font30 {
		font-size: 30px;
		line-height: 30px;
		}
	.font32 {
		font-size: 32px;
		line-height: 32px;
		}
	.font34 {
		font-size: 34px;
		line-height: 34px;
		}
	.font36 {
		font-size: 36px;
		line-height: 36px;
		}
	.font38 {
		font-size: 38px;
		line-height: 38px;
		}
	.font40 {
		font-size: 40px;
		line-height: 40px;
		}

/*font size*/
	.fontSize10 {
		font-size: 10px;
		}
	.fontSize11 {
		font-size: 11px;
		}
	.fontSize12 {
		font-size: 12px;
		}
	.fontSize13 {
		font-size: 13px;
		}
	.fontSize14 {
		font-size: 14px;
		}
	.fontSize15 {
		font-size: 15px;
		}
	.fontSize16 {
		font-size: 16px;
		}
	.fontSize18 {
		font-size: 18px;
		}
	.fontSize20 {
		font-size: 20px;
		}
	.fontSize21 {
		font-size: 21px;
		}
	.fontSize22 {
		font-size: 22px;
		}
	.fontSize25 {
		font-size: 25px;
		}
	.fontSize26 {
		font-size: 26px;
		}
	.fontSize30 {
		font-size: 30px;
		}
	.fontSize40 {
		font-size: 40px;
		}
	.fontSize60 {
		font-size: 60px;
		}

/*line height*/
	.lineHeight14 {
		line-height: 14px;
		}
	.lineHeight15 {
		line-height: 15px;
		}
	.lineHeight16 {
		line-height: 16px;
		}
	.lineHeight18 {
		line-height: 18px;
		}
	.lineHeight20 {
		line-height: 20px;
		}
	.lineHeight22 {
		line-height: 22px;
		}
	.lineHeight24 {
		line-height: 24px;
		}
	.lineHeight25 {
		line-height: 25px;
		}
	.lineHeight26 {
		line-height: 26px;
		}
	.lineHeight28 {
		line-height: 28px;
		}
	.lineHeight30 {
		line-height: 30px;
		}

/*font color*/
	.blackText{
		color: #000000;
		}
	.whiteText{
		color: #fff;
		}
	.darkText {
    color: #4a4a4a;
		}
	.greyText {
    color: #9b9b9b;
		}
	.color74 {
		color: #747474;
		}
	.color4A {
		color: #4a4a4a;
		}
	.color9B {
		color: #9B9B9B;
		}
	.colorA1 {
		color: #A1A1A1;
		}
	.colorCED {
		color: #CED0D4;
		}
	.colorF2 {
		color: #f2f2f2;
		}
	.colorF9 {
		color: #f9f9f9;
		}

/*hyperlink*/
	a {
		background-color: transparent;
		text-decoration: none;
		color: inherit;
		}
	a:focus {
		outline: none;
		text-decoration: none;
		}
	a:link, a:visited, a:hover, a:active, a:focus {
		/*color: unset;
		background-color: transparent;*/
		text-decoration: none;
		}

/*text alignment*/
	.textCenter, .textCentre {
		text-align: center;
		}
	.textRight {
		text-align: right !important;
		}

/*width*/
	.width225 {
    width: 225px;
		}
	.fullWidth {
		width: 100%;
		}

/*relative*/
	.relative, .relativeCont {
		position:  relative;
		}

/*float*/
	.leftFloat, .floatLeft {
		float: left;
		}
	.rightFloat, .floatRight {
		float: right;
		}

/*text transform*/
	.textCapitalize {
		text-transform: capitalize;
		}
	.textLowercase {
		text-transform: lowercase;
		}
	.textUppercase, .capText {
		text-transform: uppercase;
		}

/*height*/
	.height16 {
		height: 16px;
		}
	.height34 {
		height: 34px !important; /*voucher*/
		}
	.height40 {
		height: 40px;
		}
	.height80 {
		height: 80px
		}
		.height80 {
		height: 80px
		}

/*Line Height*/
	.lineHeight14 {
		line-height: 14px;
		}
	.lineHeight15 {
		line-height: 15px;
		}
	.lineHeight16 {
		line-height: 16px;
		}
	.lineHeight18 {
		line-height: 18px;
		}
	.lineHeight20 {
		line-height: 20px;
		}
	.lineHeight22 {
		line-height: 22px;
		}
	.lineHeight24 {
		line-height: 24px;
		}
	.lineHeight25 {
		line-height: 25px;
		}
	.lineHeight26 {
		line-height: 26px;
		}
	.lineHeight28 {
		line-height: 28px;
		}
	.lineHeight30 {
		line-height: 30px;
		}

/*background color*/
	.bgF2, .backgroundColorF2 {
		background-color: #f2f2f2;
		}
	.bgF9, .backgroundColorF9F {
		background-color: #F9F9F9;
		}
	.bgDD, .bkgrndColorDDD {
		background-color: #ddd;
		}
	.bgEE, .backgroundColorEEE {
		background-color: #eee;
		}

/*border color*/
	.borderTopCCC {
		border-top: 1px solid #ccc;
		}
	.borderBottomCCC {
		border-bottom: 1px solid #ccc;
		}

/*border radius*/
	.borderradius2 {
		border-radius: 2px;
		}
	.borderradius3 {
		border-radius: 3px;
		}
	.borderradius4 {
		border-radius: 4px;
		}
	.borderradius5, .borderRadius5 {
		border-radius: 5px;
		}
	.borderradius10 {
		border-radius: 10px;
		}

/*miscellaneous*/
	.d-none {
		display: none;
		}
	.hidden {
		display: none;
		}
	.requiredcolor, .errorColor {
		color: #E12D2D;
		}
	.error, .anyError {
		color: red;
		font-size: 12px;
		line-height: 18px;
		}
	.field-required:after {
	  content: "*";
	  color: #e12d2d;
	  margin-left: 2px;
	  font-weight: 600;
	  }
	.noBorder, .no-border {
	  border: none;
	  }
	.noOutline, .no-outline {
		outline: none;
	}

/*toggle-switch*/
	.toggle-switch {
	  position: relative;
	  display: inline-block;
	  width: 50px;
	  height: 30px;
	  }
	.toggle-switch input[type="checkbox"] {
	  display: none;
	  }
	.toggle-switch .toggle {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  border-radius: 20px;
	  transition: background-color 0.4s;
	  }
	.toggle-switch .toggle::before {
	  content: "";
	  position: absolute;
	  height: 16px;
	  width: 16px;
	  left: 4px;
	  bottom: 5px;
	  background-color: white;
	  border-radius: 50%;
	  transition: transform 0.4s;
	  }
	.toggle-switch input[type="checkbox"]:checked + .toggle {
	  background-color: #5cb85c; /* Color when toggled ON */
	  }
	.toggle-switch input[type="checkbox"]:checked + .toggle::before {
	  transform: translateX(26px);
	  }

/*currency*/
	.defaultCurency:before {
		content: '\0020B9';
		font-size: 16px;
		font-weight: 500;
		}
	.defaultCurencyPay:before {
		content: '\0020B9';
		font-weight: 500;
		}
	.defaultCurrency:before {
    	content: '\0020B9';
		}

/*font awesome*/
	.fa-angle-right:before {
		content: "\f105";
	  display: inline-block;
	  font-family: FontAwesome;
	  font-style: normal;
	  font-weight: 400;
	  -webkit-font-smoothing: antialiased;
		color: #9b9b9b;
		font-size: 16px;
		line-height: 1;
		cursor: default;
		}
  .fa-suitcase:before {
    content: "\f0f2";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    /*color: #4a4a4a;
    font-size: 60px;*/
    line-height: 1;
    cursor: unset;
    }
  .fa-cog:before {
    content: "\f013";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #4a4a4a;
    font-size: 15px;
    line-height: 1;
    cursor: unset;
    width: 18px;
    }

/*social media*/
	.fa-facebook:before {
		content: "\f09a";
	  display: inline-block;
	  font-family: FontAwesome;
	  font-style: normal;
	  font-weight: 400;
	  -webkit-font-smoothing: antialiased;
		color: #fff;
		/*color: #e4e4e4;*/
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
		}
	.fa-twitter:before {
		content: "\f099";
	  display: inline-block;
	  font-family: FontAwesome;
	  font-style: normal;
	  font-weight: 400;
	  -webkit-font-smoothing: antialiased;
		color: #fff;
		/*color: #e4e4e4;*/
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
		}
	.fa-instagram:before {
		content: "\f16d";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		/*color: #e4e4e4;*/
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
		}
	.fa-google-plus:before {
		content: "\f0d5";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
		}

/*scroll side bar*/
	/* Hide scrollbar for Chrome, Safari and Opera */
	::-webkit-scrollbar {
	    display: none;
		}
	/* Hide scrollbar for Chrome, Safari and Opera */
	.mobscroll::-webkit-scrollbar {
		display: none; 
		}
	/* Hide scrollbar for IE, Edge and Firefox */
	.mobscroll {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
		}
	.autoScroll, .overflowXY {
		overflow: auto;
		}
	.scrollX, .overflowX {
		overflow-x: auto;
		}
	.scrollY, .overflowY {
		overflow-y: auto;
		}

/*root*/
:root {
	--default-image: url('../../../../resources/assets/frontend/images/default-img.webp');
	--default-profile-image: url('../../../../public/uploads/user_profiles/default-user.png');
	/*--default-profile-image: url('uploads/user_profiles/default-user.png');
	--default-profile-image: url('/uploads/default-img.webp');*/
}


/*page width*/
@media (max-width: 992px) {
	.destop_test_exp {
		display: none;
		}
	.mobile_test_exp {
		display: block;
		}
	.dPageContainer {
		max-width: 992px;
		margin: 0 13px;
		}
}
@media (min-width: 992px) {
	.destop_test_exp {
		display: block;
		}
	.mobile_test_exp {
		display: none;
		}
	.pageContainer {
		width: 1200px;
		margin: 0 auto;
		}
	.dPageContainer {
		width: 1200px;
		}
	.dPageContainer {
		padding-left: 13px;
		padding-right: 13px;
		margin-left: auto;
		margin-right: auto;
		}
}

/*Flex Row*/
	.flex-row {
		display: flex;
		flex-direction: row;
		}
	.flex-col {
		padding: 15px;
		margin: 0 15px;
		background: #ddd;
		}
	.flex-row-multicolum {
		display: flex;
		flex-flow: row wrap;
		}
	.flex-col-md-12, .flex-col-md-11, .flex-col-md-10, .flex-col-md-9, .flex-col-md-8, .flex-col-md-7, .flex-col-md-6, .flex-col-md-5, .flex-col-md-4, .flex-col-md-3, .flex-col-md-2, .flex-col-md-1 {
		margin: 0 auto;
		width: 100%;
		}

@media (min-width: 992px) {
	.flex-col-md-12, .flex-col-md-11, .flex-col-md-10, .flex-col-md-9, .flex-col-md-8, .flex-col-md-7, .flex-col-md-6, .flex-col-md-5, .flex-col-md-4, .flex-col-md-3, .flex-col-md-2, .flex-col-md-1 {
		padding-left: 15px;
		padding-right: 15px;
		}
	}
@media (min-width: 992px) {
	.flex-col-md-12 {
		width: 100%;
		}
	  .flex-col-md-11 {
	    width: 91.66666667%;
	  }
	  .flex-col-md-10 {
	    width: 83.33333333%;
	  }
	  .flex-col-md-9 {
	    width: 75%;
	  }
	  .flex-col-md-8 {
	    width: 66.66666667%;
	  }
	  .flex-col-md-7 {
	    width: 58.33333333%;
	  }
	  .flex-col-md-6 {
	    width: 50%;
	  }
	  .flex-col-md-5 {
	    width: 41.66666667%;
	  }
	  .flex-col-md-4 {
	    width: 33.33333333%;
	  }
	  .flex-col-md-3 {
	    width: 25%;
	  }
	  .flex-col-md-2 {
	    width: 16.66666667%;
	  }
	  .flex-col-md-1 {
	    width: 8.33333333%;
	  }
	}