.maxWidth2500{max-width: 2500px;}
       .maxWidth400{max-width: 500px;}
       .r-10P{right:10%;}
       .tf-100{transform: translate(0px, -200%);}
 	   .b_n24{bottom:-24px;}
	   .br-15{bottom: 15px;right: 18px;}
	   .bg-purple-dark{background-color: #09060f;}
	   .bg-purple-dark2{background-color: #1a1d27;}
	   .bg-purple-dark4{background-color: #1f1f1f;}
	   .bg-purple-dark5{background-color: #241228;}
	   .bg-purple-dark7{background-color: #2c2a37;}
	   .bg-purple-dark3{background-image: url("/Simlabimages/education/e-education/bg-4.svg");background-repeat: no-repeat;background-size: cover;}
	   .form-control.is-invalid, .was-validated .form-control:invalid {
			background-position: right calc(.375em + 1.1875rem) center;
       }
	   .modal-dialog {
			top: 4% !important;
	   }
       .form-control {font-size: 0.9rem !important;}
	   .drop-shadowP3{
			filter: drop-shadow(0px 0px 41px rgba(195,95,206,0.51));
			-webkit-filter: drop-shadow(0px 0px 41px rgba(195,95,206,0.51));
			-moz-filter: drop-shadow(0px 0px 41px rgba(195,95,206,0.51));
			-o-filter: drop-shadow(0px 0px 41px rgba(195,95,206,0.51));
			-ms-filter: drop-shadow(0px 0px 41px rgba(195,95,206,0.51));
	   }
	   .bg-dark4{background-color: #1d1d26;}
	   .backgroundGreyG{background-color: #2a2b2a}
	   .width300{width: 400px;}
	   .m_width600{max-width: 550px;}
	   .mlr-n{margin-right: -20%;margin-left: 20%;}
	   .shadowWhite_p{filter: drop-shadow(0px 0px 18px rgba(225,225,225,0.21));}
	   .card2 {
		  display: block;
		  top: 0px;
		  position: relative;

		  &:hover {
			transition: all 0.3s ease;
			box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
			top: -4px;
			background-color:rgba(31,31,31,1.00);
		  }
	   }
	   #myBtn {
			position: fixed;
			bottom: 200px;
			right: 10px;
			z-index: 999;
			cursor: pointer;
	   }
	   .zIndex5{z-index: 5;}
	   
		/* Hide and shiw objects */ 
	   .main {
            display: block;
            position: relative;
            margin-bottom: 15px;
            cursor: pointer;
            font-size: 20px;
        }
		.gn{display:none !important;}
		.buy_fadeInVR{-webkit-animation-name: buy_fadeInVR; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */animation-name: buy_fadeInVR;animation-duration: 0.5s;opacity: 1 ;}
		@keyframes buy_fadeInVR{
			0% {opacity: 0;}
			50% {opacity: 0.5;}
			100% {opacity: 1;}
		}	
		.buy_fadeOutVR{animation-fill-mode: forwards;-webkit-animation-name: buy_fadeOutVR; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */animation-name: buy_fadeOutVR;animation-duration: 0.5s;opacity: 0;}
		@keyframes buy_fadeOutVR{
			0% {opacity: 1;}
			50% {opacity: 0.5;}
			100% {opacity: 0;}
		} 	
		 
	    /* progressbar */ 
		.progressbar {
		    max-width: 500px;
			margin: 0px auto 0;
			overflow: hidden;
			position: absolute;
			max-width: 100%;
			width: 100%;
			background: rgb(8 8 8 / 70%);
			z-index: 777;
			top: 0px;
			bottom: 0;
			max-width: 100vw;
            min-height: 100vh;
		}

		span.progress {
		  position: absolute;
		  left: 0;
		  top: 0;
		  bottom: 0;
		  width: 0;
		  background: #326666;
		  transition: all 5s;
		}
		.main{
			height: 500px;
			display: grid;
			align-items: center;
		}

		.main img{
			width: 200px;
			height: 200px;
			animation-name: rotate;
			animation-duration: 5s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			border-radius: 50%;
		}
	  .white-space-normal, .row .white-space-normal{white-space: normal !important;}
	  .shadow_greyy{box-shadow: 9px 9px 30px #2a2a2a;}
	  .max-width680{max-width: 680px;}
	  .backgroundGrey_form{background-color: #121212}
	  .backgroundInput{background-color: #0a0a0a !important;outline: 1px solid #a85dee;}
	  .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before , .custom-control-input:checked~.custom-control-label::before {
			background-color: transparent !important;outline: 1px solid #a85dee;}
	  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
			background-image:url("/Simlabimages/SimLab_Brand_Elements/purple-arrow.svg")
		}		
		#vTP:hover:after, #vTP:hover:before {
			opacity: 1;
			cursor: pointer;
		}
		#vTP:after {
			content: '\A';
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.6);
			border-radius: 10px !important;
		}
		#vTP:after{
			position: absolute;
			opacity: 0;
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
		}	
		.dropShadow {filter: drop-shadow(9px 9px 8px rgba(0, 0, 0, 0.3));}
		@media (max-width:1040px){
			.changeWidth4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		}
		
		@media (max-width:1540px){
			.changeWidth44{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		}

		@keyframes rotate{
			from{transform: rotate(-360deg);}
			to{transform: rotate(360deg);}
		}
        
        /* For the page */
		.loading-wrapper{width: 200px;position: fixed;top: 10%;bottom: 0;left: 0%;margin: auto;right: 0;}
	    @media (max-width:992px){.mlr-n{margin-right: 0%;margin-left: 0%;margin-top:30px!important;} .hideSmall{display:none !important;} .w-75.sw{width: 100% !important;}}

        /* For the page */
		.loading-wrapper{width: 200px;position: fixed;top: 10%;bottom: 0;left: 0%;margin: auto;right: 0;}	   
		@media (max-width:767px){
			.tc-s{text-align: center !important;} 
			.tf-100{transform: translate(0px, -90%);}
			.pb-5{padding-bottom: 1.2rem !important;}
            .pt-5{padding-top: 1.2rem !important;}
			.pl-5{padding-left: 1.2rem !important;}
			.pr-5{padding-right: 1.2rem !important;}
			.w-100-s{width: 100%;}
            .quest .pr-5{padding-right: 1rem !important;}    
			.quest .pl-5{padding-left: 1rem !important;}
			.quest .p-5{padding: 1rem !important;}
			
			.quest.pr-5 {padding-right: 0.9rem !important;}    
			.quest.pl-5 {padding-left: 0.9rem !important;}
			.quest.p-5 {padding: 0.9rem !important;}
        }
		@media (min-width:767px) and (max-width:1040px){
			.changeWidth3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
			.changeWidth4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		}
		@media (max-width:400px){
			.changeWidth5,.changeWidth2,.changeWidth7{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .featureImg {max-width: 170px;} .changeWidth4.p-5{padding:0px !important} .featureImg{min-height: 150px;} .features {min-width: 100%;margin-left: auto !important;} .maxH600,.featureImg{max-height:none;min-height:none;} .row.d-flex .col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .width245{float: none !important;} .marginTopSmaller{margin-top:10px !important;}
		}
	   @media (max-width:600px){
	   .col {display: initial;} .col.maxWidth220.changeWidth4 {display: block;margin-left: auto !important;margin-right: auto !important;min-width: 100% !important;max-width: 100% !important;}
	   .col .img-fluid {width: 10%;} .carousel-control-next{right:-10px;}.carousel-control-prev{left:-10px;} .featureImg{min-height: 250px;} 
	   .mx-auto.vrpackageImg,.vrpackageImg{float:none !important;margin-left:auto !important;margin-right:auto !important;}		   
		   .p-s-auto{padding-right:0px;padding-left:0px;} .p-s-tb{padding-top:0px !important;padding-bottom:0px !important;} 
		   .d-none-s{display:none;} .w-75-s{width:100% !important;}
	   }