@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;           
}
#course-pge-main-wrpr { position:relative; padding:0 0; }
.para1{font-size:16px;line-height:32px;text-align:justify;color:#000000;margin:0px}
.para2{font-size:16px;line-height:32px;color:#000000;margin:0px}
.each-content-wrapper{ padding: 45px 85px 45px 65px; background-image:url("../images/bg_10.jpg");background-size:cover;background-repeat:no-repeat;}

.rounded-corners-gradient-borders-right{
  border: double 2px transparent;
  border-radius: 10px;
  background-image: linear-gradient(to right,rgb(255, 255, 255)60%, rgb(255, 255, 255)80%), linear-gradient(to right,rgb(217, 134, 0),rgba(115, 71, 0, 0));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  }
.rounded-corners-gradient-borders-left{
  border: double 2px transparent;
  border-radius: 10px;
  background-image: linear-gradient(to right,rgb(255, 255, 255)60%, rgb(255, 255, 255)80%), linear-gradient(to left,#D98600,#412c0b00);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  }
.box-fade-left{border-width:2px;border-style:solid;border-image:linear-gradient(to left, #D98600 20%, #73470000 70%) 1;border-radius:10px;background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.light-heading-large{font-size:41px;color:#0C5294}
.common-heading { text-align:left; margin-bottom: 22px; }
.common-heading h1 { color: #D98600; font-weight: 200; }
.common-heading h1 span { color: #0C4D8B; font-weight: 400; }
.advisory-box-wrap{}
.widget_list ul li::before { content: url(../images/right-icon_1.png); left:0; position:absolute; padding-left:4px; color:#707070; font-size: 14px;}
.widget_list ul { float:left; list-style:outside none none; margin-bottom:0; padding-left:0; width:100% }
.widget_list ul li { margin-bottom:3px; padding-left:36px; position:relative;  line-height: 41px; font-size: 16px;}
#course-banner { position:relative; }
.open-popup { padding:10px 20px; cursor: pointer; background:none; border:none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px dashed #fff; margin:11px; border-radius:0; background:#0C4D8B5C; }
.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.modal-content { position: relative; background-color: #fff; margin:2% auto; padding: 0; width: 78%; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
#course-banner .close { color: #aaa; position: absolute; top: 10px; right: 20px; font-size: 28px; cursor: pointer; }
#course-banner .close:hover { color: #000; }
#course-banner video { width: 100%; height: auto; display: block; }
.open-popup svg { width: 100px; height: 100px; color:#fff; }
.video-coursesd { position:relative; }
.vdeo-bner-2item { width:100%; }
.vdeo-bner-2item_2 { width:100%; }
.gallery-search-btn{background: linear-gradient(90deg,rgba(244, 216, 216, 1) 0%, rgba(255, 226, 179, 1) 100%);} 
.gallery-content{background-image:url("../images/wave-repeat-1.png");background-repeat:no-repeat;background-position:top;background-size:contain;width:100%;background-color:#f5eee4}
.rotated::after {
  rotate:180deg;
}

.icon-rotates {
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.icon-rotates.rotate {
  rotate:40deg;
}


.drop-down-button.show .icon-rotates {
  rotate:45deg;
}
.drop-down-button{text-align:start; width:100%;border:1px solid #BABABA;border-radius:20px;height:50px;border-radius:35px;background-color:white}
.dropdown-style{min-width:30vw;border-top:0px;transition: .2s;font-size:15px;transition:.3s;border-radius:21px}

#search-gallery-text{display:block}
#gallery-search-icon{display:none}

.photoset-item {
  float: left;
  width: 23%;
  background: #fff;
  margin: auto 12px 25px;
  height: 170px;
  overflow: hidden;
  border-bottom: 3px solid #d98600;
  border-radius: 0;
  box-shadow: 0px 0px 4px 1px #0000001c;
}
.photoset-item p {
margin: 0px auto;
  padding: 16px 21px;
  line-height: 32px;
}
.photoset-item img { width:100%; }







@media screen and (min-width:280px) and (max-width:388px) {
	.photoset-item { width: 100%; height: auto; margin: auto 0px 25px; }
	#nav-tabContent { padding: 0rem !important; }
	#gallery-section .p-5 { padding: 1rem !important; }
}
@media screen and (min-width:389px) and (max-width:476px) {
	.photoset-item { width: 100%; height: auto; margin: auto 0px 25px; }
	#nav-tabContent { padding: 0rem !important; }
	#gallery-section .p-5 { padding: 1rem !important; }	
}
@media screen and (min-width:477px) and (max-width:575px) {
	.photoset-item { width: 100%; height: auto; margin: auto 0px 25px; }
	#nav-tabContent { padding: 0rem !important; }
	#gallery-section .p-5 { padding: 1rem !important; }
}
@media screen and (min-width:576px) and (max-width:767px) {
	.photoset-item { width: 83%; height: auto; margin: 0px auto 32px; float: none; }
	#nav-tabContent { padding: 0rem !important; }
	#gallery-section .p-5 { padding: 1rem !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	.photoset-item { height: 358px; width: 46%; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
	.photoset-item { width: 30%; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
	.photoset-item { width: 22%; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
	
}
@media screen and (min-width:1341px) and (max-width:1399px) {
	
}
@media screen and (min-width:1400px) and (max-width:1499px) {
	
}
@media screen and (min-width:1500px) and (max-width:1599px) {
	
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	.photoset-item { height: 385px; }
}
@media screen and (min-width:1700px) and (max-width:1799px) {
	.photoset-item { height: 350px; width: 18%; }
}
@media screen and (min-width:1800px) and (max-width:1899px) {
	.photoset-item { height: 363px; width: 15%; }	
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	.photoset-item { height: 363px; width: 15%; }
}
@media screen and (min-width:2000px) and (max-width:2999px) {
	.photoset-item { height: 374px; width: 15%; }
}

  
  
  
  
  


@media screen and (max-width: 992px) {
  #search-gallery-text{display:none}
  #gallery-search-icon{display:block}
  .dropdown-style{min-width:100%}
  }


