@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
  html,body{
    width:100%;overflow-x:hidden;
   }}

.bgcolor{
  background-image: radial-gradient(50% 138%, #FFFFFF 38%, #E3E3E3 100%);
}

.container h2{
  padding: 20px;font-size: 30px; color: #0d3882;text-transform: uppercase;
}

.h2textcolor{
  color: #508fff;
}

.cerimg{
    padding: 20px; width: 100%;
}

.nav-item .nav-link:hover{
    color: #508fff !important;
}

.toolcovered{
    box-shadow: 0px 0px 10px #eee;border: 1px solid #e8e8e8;padding: 20px;
}

.item-desc{
    text-align: justify;
}

.TrainingDetails{
    height: 214px;margin-bottom: 15px;margin-right: 12px;margin-left: 12px; background-color: #f5f7fa;border-left: 2px solid #0d3882 !important;border-radius: 3px;border: none;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);padding: 15px 10px;border-top-left-radius: 30px;border-bottom-right-radius: 30px;
}

.TrainingDetails h5{
    text-align: center;
 }

.hrline{
    border-top: 5px solid #0d3882;margin-bottom: 25px;width: 15%;
}

.nav-item{
    margin-top: 15px;font-weight: 600;
}
.mybtn{
    padding: 12px;border-color: #0d3882;width: 75%;
}
.takecourses{
  margin-bottom: 15px;border: 1px solid #e8e8e8;padding: 20px;border-right-color: #fbbc0570;border-right: 4px solid #0d3882;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);border-top-right-radius: 30px;background: #fff;
}

.toolimages{
    display: block;margin-left: auto;margin-right: auto;
}

.masterprogram{
  text-align: center;margin-bottom: 15px;background-color: #f5f7fa;box-shadow: rgb(40 151 216) 0px 0px 0px 3px;padding: 20px;border-radius: 10px;background-position: right bottom;background-repeat: no-repeat;
}

.masterprogram img {
    display: block;margin-left: auto;margin-right: auto;margin-top: 15px;margin-bottom: 10px;
}


.accordion, .accordion * {
	box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}

.accordion {
	overflow:hidden;box-shadow:0px 1px 3px rgba(0,0,0,0.25);border-radius:3px;background:#f6f6f6;
}


.section-title {
	display: inline-block;border: 1px solid #e5e5e5;width: 100%;padding: 15px;transition: all linear 0.15s;color: #000;font-size: 18px;box-shadow: 0 1px 2px 0px #edeaea;
}

.section-title.active, .section-title:hover {
background: #04125a;color: #fff;
}

.section:last-child .section-title {
	border-bottom:none;
}

.section-title:after {
    content: '\02795';font-size: 13px;color: #FFF;float: right;margin-left: 5px;
}

.section-title.active:after {
    content: "\2796";
}


.section-content {
	display:none;padding:20px;
}

.modal {
    display: none; position: fixed; z-index: 10000; padding-top: 100px; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); 
  }
 
  .modal-content {
    background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 250px;
  }

  .close {
    color: #aaaaaa; font-size: 31px; font-weight: bold; margin-left: auto; display: block;
  }
  
  .close:hover,.close:focus {
    color: #000;text-decoration: none;cursor: pointer;
  }

  .fieldbox{
    width: 100%;border: none;border-bottom: 1px solid #000;margin-bottom: 10px;
  }

  .pbtn{
    margin-left: auto;display: block;margin-right: auto !important;
  }

  .menubtn{
    color: #fff;border: 2px solid #0d3882;background: #0d3882;padding: 3px;border-radius: 5px;
  }
   
  .menubtn:hover{
    color: #fff;background-color: #508fff;border-color: #508fff;
  }

  .btn {
    margin-left: auto;margin-right: auto;display: block;width: fit-content;
  }

  .btn:hover{
    color: #fff;background-color: #508fff;border-color: #508fff;
  }

  .footer-bottom{
    padding: 20px;
  }

  .programfee{
    box-shadow: rgb(6 24 44 / 40%) 0px 0px 0px 2px, rgb(6 24 44 / 65%) 0px 4px 6px -1px, rgb(255 255 255 / 8%) 0px 1px 0px inset;padding: 20px;margin-bottom: 15px;
  }

  .programfee .row .tool-cnt{
    margin-right: 10px;margin-left: 10px;
  }