@media (max-width: 576px) { 
    .container-fluid {
        width: 100%;
    }
}

@media (max-width: 768px) { 
    .container-fluid {
        width: 100%;
    }
}
@media (min-width: 992px){ 
    .container-fluid {
        width: 85%;
    }
}

.grapered .course-banner .course-banner-title .quote-btn, 
.grapered .course-body .right-section .box .title,
.grapered .course-body .course-info .nav-tabs .nav-item .nav-link:not(.active),
.grapered .related-course .related-course-accordion .card .card-body .course-btn,
.grapered .header-browse-greens,
.grapered .menu-wrapper-greens ul li a.contactus,
.grapered .dropdown-menusub_inner,
.grapered .btn-primary-custom,
.btn.btn-custom {
    color: #fff;
    background: #d82a4e;
}

.grapered .btn-primary-custom:hover {
    color: #fff;
    background: #d82a4e;
}

.grapered header .top-menu,
.grapered .course-banner,
.grapered .g-bg-red,
.grapered .related-course .related-course-accordion .card .card-header {
    background: linear-gradient(to right, #0D4B5B, #1D7CF8)
}

.grapered header .top-menu a,
.grapered .footer a, 
.grapered .course-banner,
.grapered .g-bg-red {
    color: #fff;
}

.grapered .web-viewall-btn a {
    color: #d82a4e;
    background: #fff;
}

.grapered .footer .short-desc-with-logo p .fas,
.grapered .footer .btmfoot .copyright a {
    color: #d82a4e;
}

.grapered .course-body .upcoming-batch-section .batch-schedule .batch-date .day-number {
    background: #182848;
    color: #fff;
}

.grapered .custom-btn-danger {
    color: #fff;
    background-color: #fff;
}

.grapered .custom-btn-danger:hover {
    color: #fff;
    background-color: #d82a4e;
    border-color: #d82a4e;
}

.treemenu .toggler:before {
    width: 80%;
    position : absolute;
}


.trainer {
    height: 750px;
    background: url(/img/trainer.jpg);
    background-size: 100%;
    background-position: center;
    position: relative;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;

}

.trainer_overlay {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0.6;
   height: 100%;
   width: 100%;
   background: #4b6cb7;
}

.trainer-box {
    width: 380px;
    height: 500px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(2,30,61,.41);
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.trainer-header{
    background: linear-gradient(to right, #D1913C, #FFD194); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-align: center;
    margin: 0;
    height: 185px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.trainer-img {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    margin: 40px auto;
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 5px 0 rgba(2, 30, 60, .40);
}

.trainer-title {
    font-size: 14px;
}

.trainer-desc {
    font-size: 14px;
    padding: 80px 20px;
    text-align: justify;
}

.fixednav{
    position: fixed; 
    top: 0; 
    width: 100%; 
    overflow: hidden;
    z-index: 1000;
 }

.secbottom{
    margin-top: 40px;
}

.course-body .right-section .box.free-box .box-content {
    padding: 20px;
    
}


.promo-container {
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    padding: 24px;
}

.promo-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.promo-content-1 {
    color: #4b6cb7;
    border: 2px solid #4b6cb7;
    padding: 10px;
    border-radius: 50%;
    font-size: 22px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 27px;
    margin: 0 10px 0 0;
}

.promo-content-2 {
    width: 40%;
    margin: 0 10px;
}

.promo-content-2 h3 {
    font-size: 22px;
}

.promo-content-2 p {
    margin: 10px 0px 0px 0px;
}

.promo-content-3 {
    width: 40%;
    margin: 0 5px;
    text-align: center;
}

.promo-fee-discount {
    margin: 10px 0px 10px 0px;
    display: none;
}

.promo-enroll {
    margin: 18px 0px 0px 0px;
}

.price_hanger {
    position: fixed;
    top: 50%;
    z-index: 10;
}

.usd {
    background: #d82a4e;
    color: #fff;
    padding: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    font-weight: 300;
}

.inr {
    background: #4b6cb7;
    color: #fff;
    padding: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    font-weight: 300;
}


.overallquotes {
    display: flex;
    justify-content: center;
    width: 100%;
}

.quotes {    
     line-height: 0px;
    font-size: 12px;
}

.contact{
    font-weight: bold;
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: 11px;
}
.quote_right {
    text-align: left;
    padding-right: 5px;
    line-height: 9px;
}

.quote_left .fa.fa-phone-square {
    font-size: 40px;
    color: #157ac3;
    transform: rotate(90deg);
}
.quote_left {
    text-align: center;
    padding-right: 10px;
}

.btnlg{
    width: 100%;
    margin-left: 0px;
}

.modal-title-custom {
    margin-left: 12%;
}

.demosch-btn {
    background: #FF512F;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #DD2476, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #DD2476, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.free-box{
    text-align: center;
    padding: 15px 10px;
    font-weight: 700;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.course_rating {
    margin: 15px 0px;
    display: inline-block;
    padding: 5px 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
    background: rgba(255, 255, 255, 0.16);
}

.collab-data {
    list-style: none;
    display: block;
    margin-bottom: 25px;
}
.collab-data-wrapper {
    text-align: center;
}

.collab-data-wrapper p{
    margin-bottom: 0px;
}
.collab-data li {
    display: inline-block;
    padding: 0 11px;
    border-right: 1px solid rgba(255,255,255,.46);
}

.collab-data li:last-of-type {
    border: none;
}

.collab {
    margin-bottom: 1rem;
}

.collab span {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    position: relative;
    top: 3px;
}
 
.course-banner .course-banner-title .collab-data h3 {
    font-size: 18px;
}
.previewcourse {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    width: 30%;
}
.playbtn {
    border-radius: 50px;
    background: #fff;
    color: #dd2476;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 12px;
    font-size: 18px;
    padding-left: 4px;
    padding-top: 1px;
}
.course-banner .video-widget {
    /* background: #fff; */
    height: 100%;
    /* padding: 10px; */
    /* border-radius: 10px; */
}
.video-widget .card {
    border-radius: 0px;
}.t-list {
    border: none;
    background: #fff;
    color: #4f4f4f;
    padding: 10px 12px;
    cursor: pointer;
}.video-widget .container {
    padding: 0px;
}.video-widget .card-body a {
    padding-left: 15px;
}
.video-widget ul li:hover {
    cursor: pointer;
    background: #e8e8e8;
    font-weight: 600;
}

/*New designs*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0D4B5B;
}

.pills-address {
    padding: 20px; 
    height: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
}

.location-tab a {
    background: #f2f4f4;
    border-radius: 0!important;
    color: #333;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}

.tab-content p{
    font-size: 16px;
 }
 
 .tab-content h3{
    margin-bottom: 10px;
    color: #3c3a3a;
} 

.tab_cntct p .fa-phone {
    transform: rotate(90deg);
}

.projectbox {
    display: inline-block;
    width: calc(33.33% - 40px);
    min-height: 0px;
    margin: 0px;
    padding: 25px;
    background: #fff;
	border: none;
	border-radius: 4px;
    /* border-bottom: solid 1px #e6e6e6; */ 
    color: #000; 
} 

.projectbox h4{
	font-size: 14px !important;
}

#projectsContainer{
	background: #f2f4f4;
	margin: 20px 0px;
}

#projectsContainer h3{
	font-size: 22px;
	line-height: 1.5em;
}
  
@media only screen and (max-width: 776px) and (min-width: 360px){
.projectbox {
    flex-wrap: wrap;
    justify-content: space-around;
}
}

@media only screen and (max-width: 776px) and (min-width: 360px){
.projectbox {
    margin-bottom: 15px;
    width: 100%;
    margin-right: 0px;    
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}}

.course-details {
    font-size: 13px;
    text-align: left; 
 }

.originalPrice {
    color: gray;
    text-decoration: line-through;
	 font-size: 14px;
}

.discountPrice{
	font-weight: bold; 
    font-size: 16px;
	margin-right: 5px;
}

#branchesContainer{
	background: #f2f4f4;
	width: 100%;
}


#cityBranch{
	background: #f2f4f4;
}

#cityBranch .content li a{
	line-height: 30px;
    font-size: 14px;	
	color: #0D4B5B;
	padding-top: 0px;
}
 
#cityBranch .content li a:hover{
	text-decoration: underline;
	color: #1D7CF8;
}

#cityBranch .content li i{
    font-size: 12px;	
	color: #0D4B5B;
	margin-right:5px;
}

#cityBranch .row{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    padding: 15px 25px;
}
@media (min-width: 1200px){
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}}
/*New designs*/

#courseAdvantage{
    padding: 43px 0px;
    background: #f2f4f4!important;
    margin-top: 30px;
    margin-bottom: 30px;
} 

#courseAdvantage p{
	font-size: 16px;
}

#courseAdvantage i{
    font-size: 40px;
    padding-bottom: 24px;
    color: #0072D2;
}

 
 #courseScope .row{
		border: 1px solid #DBDBDB;
 }
 .courseHighlights {
    border-right: 1px solid #f4f4f4;
}
 
 .courseHighlights .title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}

.courseHighlights .list ul {
    margin-bottom: 12px;   
}
.courseHighlights .list ul li {
    position: relative;
    padding-left: 25px;
    line-height: 30px;
	font-size: 15px;
	    letter-spacing: 0.2px;
}

 .courseHighlights .list ul li:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f058";
	font-weight: 600;
    position: absolute;
    font-size: 14px;
    left: 0px;
    color: #006E82;
}  

#courseScope {
	padding-top: 30px; 
}

#courseScope .downloadableLinks{
    border-top: 1px solid #DBDBDB;
    padding: 15px;
}

#courseScope .downloadableLinks a {
    display: inline-block;
    width: 33.333334%;
    color: #006E82;
    font-weight: 600;
    font-size: 16px;
}

@media only screen and (max-width: 776px) and (min-width: 360px){
	
#courseScope {
	padding-top: 0px; 
} 
#courseScope .downloadableLinks a { 
    display: block;
    width: 100%;
    text-align: left;
    margin: 10px 0px;
}
.courseHighlights .title h2, .courseHighlights .title {
    font-size: 20px;  
}
.courseHighlights .list ul li {
	padding-left: 25px;
    line-height: 27px;
}
.courseHighlights{
	margin: 10px;
	border-right: 0px;
}
#courseScope .downloadableLinks { 
    padding-left: 25px;
}

.browseTopics ul li{
	    margin-bottom: 20px;
}
} 

.course-banner .course-banner-title .course-desc li {
	display: flex;
	line-height: 30px;
}

.course-banner .course-banner-title .course-desc li::before {
	font-family: "FontAwesome";
    content: "\f00c" !important;
    position: relative;
    color: #F6EE23;
    font-size: 16px;
    top: 2px;
    padding-right: 8px;
}
 
#relatedTopicsContainer{
   background: linear-gradient(to right, #0D4B5B, #1D7CF8);
} 
.relatedTopics a, .browseTopics a{
	color:#2444a3;
	font-size: 18px; 
	font-weight: 500;
}
 
.relatedTopics ul li {
	padding: 20px 72px 10px 0px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.relatedTopics ul li a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f30b"; 
    position: absolute;
    font-size: 28px;
    color: #2444a3;
	right: 35px;
    top: 13px;
} 

.relatedTopics ul li a:hover{
	font-weight: 600;
}


#relatedTopicsContainer .bgChange
{	
	width: 90%;
	margin: 40px auto; 
    padding: 15px;
    border-radius: 5px;
	background: url("/images/163.jpg");
	background-position: center;
	background-size: cover;
}


.browseTopics ul li {
	padding-right: 20px;
	display: inline-block;
	cursor: pointer;	
}
   
.browseTopics ul li a:hover, #overView .greens-section-accord .panel .panel-heading:hover {
	text-decoration: none !important;
    background: #f5f8ff;
	    color: #2444a3;
}
 
  
.browseTopics ul li a{
    background: #fff;
    border-radius: 50px;
    padding: 8px 38px;
	font-weight: 800;
}
 
#whatyoulearn .title {
    padding: 20px 15px;
} 
 
#whatyoulearn .img {
	background: url("/images/network.png");
    background-size: cover;
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
	position: relative;
	min-height:112px;
} 
 
#whatyoulearn .img h2{
	color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 1;
	font-size: 32px;
}  

#whatyoulearn .img div{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 158, 0.2);
	    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
} 

#whatyoulearn .boxShadow {
	box-shadow: 0px 0px 3px 2px #e8e8e8;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 0px 20px;
}
 
#whatyoulearn img, #whatyoulearn i {
	width: 30px;
	height: 30px;
	    margin-right: 15px;
} 
#whatyoulearn i {
	    font-size: 30px;
}
 
#whatyoulearn p {
	    font-size: 18px;
}
 
#overView .greens-section-accord .panel, #overView .greens-section-accord .panel + .panel{
	margin-bottom: 15px !important;
	width: 50%;
	box-shadow: 0 0px 5px 2px rgba(0,0,0,.1);
	border-radius: 25px !important;
}

#overView .greens-section-accord, #overView .greens-section-accord .panel  .panel{
	background: none !important;
	box-shadow:none !important;
	border:none !important; 
}

#overView .greens-section-accord .panel .panel-heading{
	border-radius: 50px; 
	padding: 10px 55px 10px 35px;
	box-shadow: 0 0px 3px 1px rgba(0,0,0,.1); 
}

#overView h2{
	font-size: 32px;
	font-weight: 700;
	color: #182b62;
	font-family: Roboto,sans-serif;
}

#overView .panel-body p {
    font-size: 16px !important;
    line-height: 26px;
    font-weight: 500;
    color: #333; 
}


#overView .greens-section-accord .panel .panel-heading h3{
	font-size: 24px;
	font-weight: 700;
	color: #182b62;
}

@media only screen and (max-width: 776px) and (min-width: 360px){
	
	#relatedTopicsContainer .bgChange{
		width: 100%;
	}
	.bgChange .relatedTopics, .bgChange .browseTopics {
		margin: 0px !important;
	} 
	.relatedTopics ul li {
		padding: 10px 38px;
	}
	.relatedTopics ul li a:after{
		right: 7px;
		top: 4px;
	}
	#overView .greens-section-accord .panel, #overView .greens-section-accord .panel + .panel{
		width: 100%;
		border-radius: 35px !important;
	}
	#overView .greens-section-accord .panel .panel-heading h3{
		    font-size: 20px;
	}
	#whatyoulearn .pr-0{
		padding-right: 15px !important;
	}
	#whatyoulearn .img, #whatyoulearn .boxShadow, #whatyoulearn .img div{
		border-radius: 0px !important;
	} 
	#whatyoulearn .boxShadow{
		width: 100%;
		margin: 0px 15px;
	}
	#whatyoulearn .title{
		padding: 15px 0px;
	}
	.programFeeBox, #numOne .container {
		    width: 100% !important;		    max-width: 100% !important;
	}
	#numOne .contentBox .trainingbox{
		    min-height: 215px !important;	 
			margin-bottom: 15px !important;
			padding: 25px !important;
	}
	#numOne h3, #programFee h3{
		font-size: 22px !important; 
	}
	
	#numOne h2, #programFee h2{
		font-size: 26px !important;
	}
	
	#rpaRoles .rpaRolesContainer{
		flex-direction: column !important;
	}
	#rpaRoles .roleBox{
		width: 100% !important;
		margin-right: 0px !important;
		margin-bottom: 15px;
	}
	.rpaBg{
		padding: 0px !important;
	}
	.appRpa{
		width: 354px;
		height: auto;
	}
}


#overView .greens-section-accord .panel .panel-heading[data-toggle="collapse"].collapsed::after {
    content: "\f107";
}

#overView .greens-section-accord .panel .panel-heading[data-toggle="collapse"]::after{
    content: "\f106";
}

#overView .greens-section-accord .panel .panel-heading[data-toggle="collapse"]::after {
	font-size: 24px;
    right: 21px;
    top: 15px;
	left: auto;
	color: #333;
    font-weight: 900;
}

#numOne .container{
	max-width: 70%  ;
}
#numOne .img{
	background: url(/images/getStarted.jpg);
    background-size: cover;
    border-radius:  5px; 
    position: relative; 
	background-position: center; 
    margin: auto;
}

.numOneContent h2,.numOneContent p{
    z-index: 1;
	color: #fff; 
	position: relative;
}
.numOneContent{
    height: 100%;
    text-align: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
}

#numOne .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(14, 62, 173, 0.8), rgba(0,0,148,0.75));
	border-radius: 5px;
}
.numOneContent .btn{
    color: #333;
    background: #fff;
    padding: 10px 25px;
    border-radius: 5px;
}
.numOneContent  i{
    margin-left : 10px;  
}

#numOne .contentBox .trainingbox h4{
	font-size: 20px;
	padding: 0px 25px 25px;
    line-height: 1.5;
}
#numOne .contentBox .trainingbox a{
	font-size: 15px;
	margin-bottom: 15px;
	text-align: right !important;
	position: absolute;
	bottom: 10px;
    right: 25px;
}
#numOne .contentBox .trainingbox 	{
    min-height: 304px;
	position: relative;
	border-radius: 5px;
	border: none;
	margin: auto ;
	padding:  30px;
}

#numOne .contentBox .trainingbox ul li, #programFee ul li{
	font-size: 15px;
	margin-bottom: 15px;
	text-align: left !important;
	position: relative;
	padding-left: 25px;
}

#numOne .contentBox .trainingbox ul li:before,#programFee ul li:before {
	font-family: "Font Awesome 5 Pro";
    content: "\f111";
    position: absolute;
    font-size: 10px;
    color: #b885ff;
    top: 6px;
    left: 0px;
    font-weight: 600;
} 

#programFee {
	padding: 30px 0px;
	background: #f5f3fe;
}

.programFeeBox{
	width: 55%;
	background: #fff;
	margin: auto;
	padding: 35px;
	box-shadow: 0px 0px 7px 2px rgba(41,56,66,.2);
	border-radius: 3px;
}

.programFeeBtn {
    margin-top: -28px;
    text-align: center;
}

.programFeeBtn a {
    background-color: #196ae5 !important;
    padding: 15px 35px;
    border-radius: 5px;
	font-size: 18px !important;
}
.programFeeBtn a:hover { 
color: #fff;
}


 .programPlanBtn {
    text-align: center;
 }
  .programPlanBtn a:hover{
    box-shadow: 0px 0px 7px 2px rgba(41,56,66,.2);
 }
 
 .programPlanBtn a{
    background-color: #fff !important; 
    border-radius: 5px;
	font-size: 16px !important;
	border: 1px solid #196ae5 !important;
	color: #196ae5 !important;
	margin-bottom: 20px;
	padding: 8px 30px;
}


.rpaBg{
	background: #ffffff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-top: 16px;
}
#rpaRoles .rpaRolesContainer{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	width: 100%; 
}
#rpaRoles .roleBox{ 
	width: 50%;
	flex-wrap: nowrap; 
	align-items: center;
	align-content: flex-start;
	background: #157ac3;
	color: #fff;
	padding: 20px;
	border-radius: 5px;
	
}
#rpaRoles .roleBox li{
    list-style: square;
    line-height: 32px;
	margin-left: 20px;
    font-size: 16px;
}


#javaCareers{
	padding: 30px 0px; 
}

#javaCareers h2{
	text-align: center;
    margin-bottom: 40px;
    font-size: 32px;
} 

#javaCareers img{
	width: 150px;
	height: auto;
}
#javaCareers .javaIcon{
	width: 100px !important; 
}

#javaCareers .table td {
	vertical-align: middle;
	border-top: 0px;
	padding: 0px;
}
#javaCareers .table td p{
 
	margin-bottom: 0px;
	font-weight: 500;
	font-style: italic;
	font-size: 13px;
}

#javaCareers .table p:nth-child(2){
    color: #d82a4e;
    font-size: 14px;
    margin-top: 8px;
    font-weight: 600;
}


@media only screen and (max-width: 776px) and (min-width: 360px){
	#javaCareers img{
		width: 90px;
	}
	#javaCareers .table td p{
		font-size: 12px !important;
	}
	#javaCareers .table td .javaIcon{
		width: 80px!important;
	}
	#topSkills ul{
		margin: 0px !important;
		width: 100% !important;
	}
}


#topSkills{
	background: #001D2E;
	padding: 30px;
	color: #fff;
}

#topSkills ul li{
    font-size: 16px;
    margin-bottom: 15px;
    list-style: disc;
    font-weight: 600;
}

#topSkills ul {
    width: 250px;
    margin: 0px 60px;
}