.careeroption-section{
padding:40px 0;
}
.online-course-industry-section{
padding:40px 0 0 0;
}
.online-course-deatils-section{
background: linear-gradient(90deg,#3d00b3eb,#7d057ae3),url(../img/aboutus_assets/course-summary-image1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
z-index: 1;
padding:40px 0;
}
.content_course_section{
height:auto !important;
}
/*html {*/
/*box-sizing: border-box;*/
/*}*/

/**, *:before, *:after {*/
/*box-sizing: inherit;*/
/*}*/

.color-white {
color: #fff;
}

@media screen and (min-width:1380px) {
.box-container {
flex-direction: row
}
}

.box-item {
position: relative;
-webkit-backface-visibility: hidden;
width: 415px;
max-width: 100%;
}

.flip-box {
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
perspective: 1000px;
-webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
background-size: cover !important;
background-position: center !important;
border-radius: 8px;
min-height: 300px;
-ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
-webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background:linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
}

.flip-box-front {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;

}

.flip-box:hover .flip-box-front {
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.flip-box-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-box .inner {
position: absolute;
left: 0;
width: 100%;
padding: 20px;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
transform: translateY(-50%) translateZ(60px) scale(.94);
-webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
-ms-transform: translateY(-50%) translateZ(60px) scale(.94);
top: 50%;
}
.flip-box-header {
font-size: 22px;
}
.flip-box p {
font-size: 15px;
line-height: 1.5em;
height: 90px;
overflow-y: hidden;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.flip-box-img {
margin-bottom: 25px;
width: 70px;
height: 70px;
}
.flip-box-button {
background-color: transparent;
border: 2px solid #fff;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 15px;
font-weight: bold;
margin-top: 25px;
padding: 10px 15px;
}
.modal-content{  
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)} 
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)} 
to {transform:scale(1)}
}
.after_modal_appended
{  
position:relative;
}
/*.modal, .modal-backdrop {*/
/*position: absolute !important;*/
/*}*/

#myModal1 button.close {
    padding: 6px 12px;
    background-color: transparent;
    border: 0;
    margin-top: -13px;
    font-size: 28px;
    color: #ffffff;
    background: #4c2463;
    border-radius: 50%;
}