body {
	background: #1A0838;
}


calcnavbar{
    font-family: 'Inter';font-size:18px;	
	background:fff;
}



#subpage_header {	
	  background: #321564;
	  height:auto;
}

.liststyle {
  list-style-image: url('../images/list-icon.png'); 
  color:#fff;
  margin: auto;
}


.topnav {	
	  background: #1A0838;
	  height:50px;
}

.topnav p{	
	font-family: 'Inter';
	font-size:16px;
	font-weight:bold;
    color:#0198A3;	
	text-align:left;
}


.btg-text {
    font-family: 'Inter';
	font-size:18px;
	font-weight:bold;
    color:#0198A3;	
}


.company-text {
    font-family: 'Inter';font-size:24px;
	font-weight:bold;
	color:#382155;
}


.heading {
	 font-family: 'Inter';font-size: 42px;
	 color:#3F3D56;
	 font-weight:bold;
}

/* ul.navbar-nav.justify-content-end li a{
    padding:5px;
}

ul.navbar-nav.justify-content-end li a:hover {
    color: white;
    background-color:#0198A3;
}
 */
 

.whatsnew-subheading {
	    font-family:'Inter';
		font-size:18px;
		font-weight:bold;	
		color:#fff;
		text-align:left;
}

.gradient-heading-h1 {  
            font-family:'Inter';
			font-size:42px;
			font-weight:bold;
            background: linear-gradient(to right, #7569FF, #FF8787);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
			text-align:center;
		
        }
		
		
.gradient-heading-h2 {  
            font-family: 'Inter';
			font-size:42px;
			font-weight:bold;
            background: linear-gradient(to right, #00CDA8, #7569FF);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
			text-align:center;
		
        }		
/* https://www.pixelconverter.com/vw-to-pixel-px-converter/ */


#whatnew-image1, whatnew-image2, whatnew-image3 {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}


#whatnew-image1:hover {opacity: 0.7;}
#whatnew-image2:hover {opacity: 0.7;}
#whatnew-image3:hover {opacity: 0.7;}


#techningAI-image1, techningAI-image2, techningAI-image3 {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}


#techningAI-image1:hover {opacity: 0.7;}
#techningAI-image2:hover {opacity: 0.7;}
#techningAI-image3:hover {opacity: 0.7;}


#zoom {
  transition: transform .2s;
  width: 128px;
  height:128px;
  margin: 0 auto;
}

#zoom:hover {
  -ms-transform: scale(1.3); /* IE 9 */
  -webkit-transform: scale(1.3); /* Safari 3-8 */
  transform: scale(1.3); 
}


.formlable-purple {
	padding:10px;
	color:#321564;
	font-weight:bold;
	
}

.formlable-white {
	padding:10px;
	color:#fff;
	font-weight:bold;
	
}

.forminput {
  width: 100%;
  background-color: #3CBC8D;
  color:#fff;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid red;
  border-radius: 4px;
 }

.forminput {
  width: 100%;
  background-color: #3CBC8D;
  color:#fff;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid red;
  border-radius: 4px;
 }


.subscribe-heading-h1 {
	 font-family: 'Inter';
	 font-size:32px;
	 font-weight:bold;
	 color:#321564;
	 text-align:center;
}


.white-heading-h1 {
	 font-family: 'Inter';
	 font-size:32px;
	 font-weight:bold;
	 color:#fff;
}

.purple-heading-h1 {
	 font-family: 'Inter';
	 font-size:42px;
	 font-weight:bold;
	 color:#7569FF;
}

.green-heading-h1 {
	 font-family: 'Inter';
	 font-size:42px;
	 font-weight:bold;
	 color:#00CDA8;
}

.pink-heading-h1 {
	 font-family: 'Inter';
	 font-size:42px;
	 font-weight:bold;
	 color:#FF8787;
}

.blue-heading-h1 {
	 font-family: 'Inter';
	 font-size:42px;
	 font-weight:bold;
	 color:#349DFF;
}


.formlable {
	 font-family:'Inter';
	 font-size:14px;
	 color:#fff;
	  font-weight:normal;

}

.login-link {
	 font-family:'Inter';
	 font-size:14px;
	 color:#fff;
	 font-weight:normal;
	  text-decoration:none;

}

.login-link:hover {
	 font-family:'Inter';
	 font-size:14px;
	 color:#00CDA8;
	 font-weight:normal;
	 text-decoration:underline;

}



.white-p {
	 font-family: 'Inter';
	 font-size:18px;
	 color:#fff;
}

.purple {
	 font-family: 'Inter';
	 font-size:18px;
	 color:#321564;
}

.white-p-center {
	 font-family: 'Inter';
	 font-size:18px;
	 color:#fff;
	 text-align:center;
}






.bottom-border-form
{
border: 1px solid #fff;
}


.Registration-pic {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.account-section {
  background: #0198A3;
  width: 100%;
  height: auto;
  margin-top:50px;
   
}

.lms-registration {
  background: #fcad2d;
  width: 100%;
  height: auto;
  margin-top:50px;

}


.report-section {
  background: #1F1F1F;
  width: 100%;
  height: auto;
  margin-top:50px;
}


.mycard {
	background-color:#EA8930;
	border-radius:30px;
	padding-top:90px;
	padding-bottom:90px;
	padding-left:15px;
	padding-right:15px;
	margin:5px;
} 

.projectcard {
	background-color:#01A4FB;
	border-radius:30px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:15px;
	padding-right:15px;
	margin:5px;
} 

.best-solution {
	background-color:#00458F;
} 

#project-section {	 
		background-color:#01A4FB;	
}

#header-section {	 
		background-color:#24213F;
        height:auto;
		padding:30px;
	    
}

#login-section {	 
		background-color:#fff;
        height:auto;
		padding:30px;
		border-radius:30px;
	    
}

#discussion-bar {
	 background: linear-gradient(to right,  #FF8787, #7569FF);
}

#signup-bar {
	 background: linear-gradient(to right,  #00CDA8, #7569FF);
}




.mybtn {
    background:#FFF;
    padding: 15px;
	width:250px;
	border-radius: 50px;
	color:#7569FF;
	text-decoration:none;
}

.mybtn:hover {
 	box-shadow: 1px 5px 10px #6558F6;
}




.signup {
    background:#FFF;
    padding: 15px 30px;
	border-radius: 50px;
	color:#7569FF;	
	margin: 0;
 
}


.submit-btn {
  background-color: #1A0838; /* Green */
  border: none;
  color: white;
  padding: 15px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 50px;
}

.submit-btn-pink {
  background-color: #FF8787; /* Green */
  border: none;
  color: white;
  padding: 15px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 50px;
}




.form-controler {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:#321564;
    background-color: #fff;
    background-clip: padding-box;
    border:0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-controler2 {
	float: left;
    display: block;
    width: 50%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:#321564;
    background-color: #fff;
    background-clip: padding-box;
    border:0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-controler3 {
    width: 60%;
    color:#321564;
	padding:5px;
    background-color: #fff;
    border:0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 1.375rem;	
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn {
	    border-radius: 0;
		
}

.bg-dark1 { 
    background-color:#fff;
}


bg-light {
	    background-color:#1A0838;
}



 .nav-link{
  color:#512C8E;
  font-weight:bold;
}
.nav-link:hover{
  color:#7569FF;
   font-weight:bold;
}

.nav-link:active{
  color:#7569FF;
   font-weight:bold;
}

.btn-primary-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A0838;
    --bs-btn-border-color: #00CDA8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00CDA8;
    --bs-btn-hover-border-color: #00CDA8;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn-primary-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A0838;
    --bs-btn-border-color: #349DFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #349DFF;
    --bs-btn-hover-border-color: #349DFF;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn-primary-magenda {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A0838;
    --bs-btn-border-color: #6600FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6600FF;
    --bs-btn-hover-border-color: #6600FF;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn-primary-yellow {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A0838;
    --bs-btn-border-color: #FC9A40;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FC9A40;
    --bs-btn-hover-border-color: #FC9A40;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}


.btn-primary-peach {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A0838;
    --bs-btn-border-color: #FF8787;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF8787;
    --bs-btn-hover-border-color: #FF8787;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}


.btn-primary-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A0838;
    --bs-btn-border-color: #9330E0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9330E0;
    --bs-btn-hover-border-color: #9330E0;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}



.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7569FF;
    --bs-btn-border-color: #7569FF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1A0838;
    --bs-btn-hover-border-color: #7569FF;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.copyright {
	background-color:#1A0838;
	text-align:center;
	color:#fff;
}



.site-footernav {
	background-color:#321564;
	text-align:center;
	color:#fff;
}


.mt-100{
  margin-top: 200px;
}
.progress {
  width: 150px;
  height: 150px !important;
  float: left; 
  line-height: 150px;
  background: none;
  margin: 20px;
  box-shadow: none;
  position: relative;
}
.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress .progress-left {
  left: 0;
}
.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress .progress-right {
  right: 0;
}
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;

  font-size: 24px;
  color: #fff;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
}
.progress.blue .progress-bar {
  border-color: #049dff;
}
.progress.blue .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar {
  border-color: #fdba04;
}
.progress.yellow .progress-right .progress-bar {
  animation: loading-3 1.8s linear forwards;
}
.progress.yellow .progress-left .progress-bar {
  animation: none;
}

.progress.green .progress-bar {
  border-color: #00CDA8;
}
.progress.green .progress-right .progress-bar {
  animation: loading-4 1.8s linear forwards;
}
.progress.green .progress-left .progress-bar {
  animation: none;
}


@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 480px) {
	  #desktop-topnav{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #mobilev-topnav {
        display: none;
  }
}




@media screen and (max-width: 480px) {
	  #section01-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #section01-mobile {
        display: none;
  }
}


@media screen and (max-width: 480px) {
	  #resoucresec-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #resoucresec-mobile {
        display: none;
  }
}


@media screen and (max-width: 480px) {
	  #videosec-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #videosec-mobile {
        display: none;
  }
}


@media screen and (max-width: 480px) {
	  #academicsec-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #academicsec-mobile {
        display: none;
  }
}

@media screen and (max-width: 480px) {
	  #essaydocuments-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #essaydocuments-mobile {
        display: none;
  }
}

@media screen and (max-width: 480px) {
	  #videosection01-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #videosection01-mobile {
        display: none;
  }
}


@media screen and (max-width: 480px) {
	  #videosection02-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #videosection02-mobile {
        display: none;
  }
}


@media screen and (max-width: 480px) {
	  #standardacademic-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #standardacademic-mobile {
        display: none;
  }
}


@media screen and (max-width: 480px) {
	  #commited-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #commited-mobile {
        display: none;
  }
}



@media screen and (max-width: 480px) {
	  #provenresults-desktop{
       display: none;
  }
}


@media screen and (min-width: 600px) {
  #provenresults-mobile {
        display: none;
  }
}



.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-30px;
  top:0;
  color:#fff;
}


.video-play-button {
    position: absolute;
    z-index: 70;
    top: 15%;
    left: 61%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 15px;
    height: 12px;
    background: #b50201;
    border-radius: 50%;
    padding: 9px 24px 18px 28px;
}
.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 75px;
    height: 75px;
    background: #b50201;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #b50201;
    border-radius: 50%;
    transition: all 200ms;
    border: solid 4px #fff;
}


.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 12px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.animated-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #00CDA8;
    position: relative;
	 left:50%;
}

.animated-btn::before, .animated-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    border-radius: 50%;
    background: rgba(0, 205, 168, 0.6);
    animation: ripple-1 2s infinite ease-in-out;
    z-index: 350;
}

.animated-btn::after {
    background: rgba(0, 205, 168, 0.6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}







@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}



.animated-btn1 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #7569FF;
    position: relative;
	left:44%;
	top:51%;
}

.animated-btn1::before, .animated-btn1::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    border-radius: 50%;
    background: rgba(117, 105, 255, 0.6);
    animation: ripple-1 2s infinite ease-in-out;
    z-index: 350;
}

.animated-btn1::after {
    background: rgba(117, 105, 255, 0.6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}


.animated-btn2 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #7569FF;
    position: relative;
	left:50%;
	top:1%;
}

.animated-btn2::before, .animated-btn1::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    border-radius: 50%;
    background: rgba(117, 105, 255, 0.6);
    animation: ripple-1 2s infinite ease-in-out;
    z-index: 350;
}

.animated-btn2::after {
    background: rgba(117, 105, 255, 0.6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}


.custom-dropdown .btn:active, .custom-dropdown .btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none; }

.custom-dropdown .btn.btn-custom {
  border: 1px solid #efefef; }

.custom-dropdown .dropdown-link {
  color: #512C8E;
  font-size: 15px;
  font-weight:bold;
  display: inline-block;
  padding: 8px 15px;
  text-decoration:none;
  background: #f8f9fa;
  position: relative; }
  .custom-dropdown .dropdown-link:after {
    content: ""; }

.custom-dropdown .dropdown-item {
  font-size: 14px;
  color: #888;
  border-bottom: 1px solid #efefef;
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  position: relative; }
  .custom-dropdown .dropdown-item:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    background: #00CDA8;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .custom-dropdown .dropdown-item:last-child {
    border-bottom: none; }
  .custom-dropdown .dropdown-item:hover {
    color: #000;
    padding-left: 20px; }
    .custom-dropdown .dropdown-item:hover:before {
      opacity: 1;
      visibility: visible;
      width: 6px; }

.custom-dropdown .dropdown-menu {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
  margin-top: 0px !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  left: 0 !important;
  -webkit-transition: .3s margin-top ease, .3s opacity ease, .3s visibility ease;
  -o-transition: .3s margin-top ease, .3s opacity ease, .3s visibility ease;
  transition: .3s margin-top ease, .3s opacity ease, .3s visibility ease;
  visibility: hidden; }
  .custom-dropdown .dropdown-menu.active {
    opacity: 1;
    visibility: visible;
    margin-top: 20px !important; }

.custom-dropdown.show .dropdown-link {
  color: #fff;
  background: #321564; }