body {
    color: #5E5E5E !important;
}
.headerBox h2 {
	color:#0096B6;
	font-size:42px;
}
.headerBox p {
	padding-top:25px;
	padding-bottom:0px;
}
.CouNo {
	color:#0096B6;
	font-size:18px;
}
.headerBox {
	margin-top:25px;
	margin-bottom:25px;
	padding:18px;
}
.TraLink a {
	color:#0096B6;
	text-decoration:underline;
}
.TraLink a:hover {
	text-decoration:none;
}
.banInfo {
	margin-top:25px;
	margin-bottom:25px;
}
.headerBox .btn-outline-info {
    color: #fff;
	background-color:#0096B6;
	opacity: 0.8;
	transition: all 0.3s ease;
	font-size:21px;
	margin-bottom: 8px;
}
.headerBox .btn-outline-info:hover {
	opacity: 1;
}
.headerBox .btn-outline-gray-info {
    color: #fff;
	background-color:#696969;
	opacity: 0.8;
	transition: all 0.3s ease;
	font-size:21px;
	margin-bottom: 8px;
}
.headerBox .btn-outline-gray-info:hover {
	color: #fff;
	opacity: 1;
}
.banImgBox {
    text-align: right;
}
.banImgBox img {
    padding: 32px;
    width: 80%;
}
#arabicSt .priceTitle {
    color: #9A6A3C;
    font-size: 62px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 0.9;
}

.banDateTitle  {
	color:#9A6A3C;
	font-size:24px;
	font-weight: 500;
}
.grayBor {
	border-right:solid 1px #B1B1B1;
}
.moreDetaBox {
    background-color: #EEEEEE;
    border-radius: 8px;
    padding: 15px;
    margin-right: 15px;
    padding-left: 35px;
    padding-right: 35px;
}
.trainerDetaBox {
    background-color: #EEEEEE;
    border-radius: 8px;
    padding: 15px;
	margin-bottom:15px;
	text-align: center;
}
.blueHeading {
    color: #0096B6;
    font-size: 21px;
    font-weight: 500;
}
.supportDetaBox {
    background-image: url(../../Images/Cource/icon_whatsapp.png);
    background-repeat: no-repeat;
    background-color: #29A71A;
    border-radius: 8px;
    padding: 15px;
    color: #fff;
    background-size: 80px;
    padding-left: 85px;
    background-position: 2% 50%;
}
.iconHLocation {
    background-image: url(../../Images/Cource/iconHLocation.svg);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 28px;
    background-size: 12px;
    background-position: 2% 50%;
    border-bottom: solid 1px gray;
    padding-top: 8px;
    padding-bottom: 8px;
}
.iconDate {
    background-image: url(../../Images/Cource/iconDate.svg);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 28px;
    background-size: 12px;
    background-position: 2% 50%;
    border-bottom: solid 1px gray;
    padding-top: 8px;
    padding-bottom: 8px;
}
.iconTime {
    background-image: url(../../Images/Cource/iconTime.svg);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 28px;
    background-size: 12px;
    background-position: 2% 50%;
    border-bottom: solid 1px gray;
    padding-top: 8px;
    padding-bottom: 8px;
}
.iconUser {
    background-image: url(../../Images/Cource/iconUser.svg);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 28px;
    background-size: 12px;
    background-position: 2% 50%;
    border-bottom: solid 1px gray;
    padding-top: 8px;
    padding-bottom: 8px;
}
.iconLang {
    background-image: url(../../Images/Cource/iconLang.svg);
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 28px;
    background-size: 12px;
    background-position: 2% 50%;
    border-bottom: solid 1px gray;
    padding-top: 8px;
    padding-bottom: 8px;
}
.moreDetaBox ul {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 80%;
}
.grayHeading {
	color: #5E5E5E;
    font-size: 16px;
}
.trainerPic {
	padding:25px;
}
    .trainerPic img {
        width: 150px;
        border-radius: 100px;
        height: 140px;
    }
.PnoGreen {
    font-size: 36px;
    font-weight: bold;
}
.rightBoxTrainer {
    max-width: 30%;
}


/** Responsive Styles - Start **/

/* 280 - Start */
@media only screen 
and (device-width : 280px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 280 - End */

/* 320 - Start */
@media only screen 
and (device-width : 320px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 320 - End */

/* 360 - Start */
@media only screen 
and (device-width : 360px) 
	{ 

}
/* 360 - End */

/* 375 - Start */
@media only screen 
and (device-width : 375px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 375 - End */
/* 390 - Start */
@media only screen 
and (device-width : 390px) 
	{ 

	}
/* 390 - End */

/* 400 - Start */
@media only screen 
and (device-width : 400px) 
	{ 
}
/* 400 - End */

/* 411 - Start */
@media only screen 
and (device-width : 411px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 411 - End */

/* 412 - Start */
@media only screen 
and (device-width : 412px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 412 - End */

/* 414 - Start */
@media only screen 
and (device-width : 414px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 414 - End */

/* 425 - Start */
@media only screen 
and (device-width : 425px) 
	{ 

}
/* 425 - End */

/* 540 - Start */
@media only screen 
and (device-width : 540px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 540 - End */

/* 768 - Start */
@media only screen 
and (device-width : 768px) 
	{ 

}
/* 768 - End */

/* 820 - Start */
@media only screen 
and (device-width : 820px) 
	{ 

}
/* 820 - End */


/* 912 - Start */
@media only screen 
and (device-width : 912px) 
	{ 
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 912 - End */

/* 1024 - Start */
@media only screen 
and (device-width : 1024px) 
	{ 
	.PnoGreen {
    font-size: 32px;
}
}
/* 1024 - End */

/* 767.98 - Start */
@media (max-width: 767.98px){
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 767.98 - End */

/* 768 - Start */
@media (max-width: 768px){
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 768 - End */
/* 820 - Start */
@media (max-width: 820px){
.col {
    flex-basis: auto;
    width: 100% !important;
    margin-bottom: 15px;
}
.rightBoxTrainer {
    max-width: 100%;
    text-align: center;
}
.btnBox {
    text-align: center;
}
.banImgBox {
    text-align: center;
}
.container.DetailsBox {
    margin: 15px;
}
.trainerDetaBox {
    margin-right: 15px;
}
.supportDetaBox {
    margin-right: 15px;
}
.moreDetaBox ul {
    width: 100%;
    padding-left: 0px;
}
.headerBox {
    margin-bottom: 0px;
}
.grayBor {
    border-right: solid 0px #B1B1B1;
}
}
/* 820 - End */

/* 375 x 812 - Start */
@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) 
	{ 


}
/* 375 x 812 - End */

/** Responsive Styles - End **/


#arabicSt .btn-outline-gray-info {
    color: #fff;
    background-color: #696969 !important;
    opacity: 0.8;
    transition: all 0.3s ease;
    font-size: 21px;
    margin-bottom: 8px;
    max-width: 250px;
}

#arabicSt .btn-outline-info {
    color: #fff;
    background-color: #0096B6 !important;
    opacity: 0.8;
    transition: all 0.3s ease;
    font-size: 21px;
    margin-bottom: 8px;
}

#arabicSt .blueHeading {
    color: #0096B6;
    font-size: 21px;
    font-weight: bold;
}

#arabicSt .trainerDetaBox {
    background-color: #EEEEEE;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    text-align: center !important;
}

.trainerPic {
    text-align: center;
}

#arabicSt .PnoGreen {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

.supportDetaBox span {
    color: #fff;
}

#arabicSt strong {
    font-weight: bold;
}