/*========================= Page Heading ==========================*/

.page-title{

    color:#7B1E23;

    font-weight:700;

    margin-bottom:40px;

    border-bottom:4px solid #C49A3A;

    display:inline-block;

    padding-bottom:10px;

}


/*=========================
Designation
==========================*/

.designation{

    color:#7B1E23;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:20px;

    font-weight:700;

}


/*=========================
Card
==========================*/

.editor-card{

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.4s;

    margin-bottom:25px;

}


.editor-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}


/*=========================
Left Column
==========================*/

.editor-left{

    background:#FFF7DA;

    padding:30px;

    border-right:3px solid #C49A3A;

}


.editor-left h5{

    color:#7B1E23;

    font-weight:700;

}


/*=========================
Right Column
==========================*/

.editor-right{

    padding:30px;

    background:#ffffff;

}


.editor-right p{

    margin-bottom:15px;

}


.editor-right i{

    color:#7B1E23;

    margin-right:10px;

    width:25px;

}


/*=========================
Animation
==========================*/

.editor-card{

    opacity:0;

    animation:fadeUp .8s ease forwards;

}

.editor-card:nth-child(2){

    animation-delay:.1s;

}

.editor-card:nth-child(3){

    animation-delay:.2s;

}

.editor-card:nth-child(4){

    animation-delay:.3s;

}

.editor-card:nth-child(5){

    animation-delay:.4s;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}


/*=========================
Responsive
==========================*/

@media(max-width:768px){

.editor-left{

border-right:none;

border-bottom:3px solid #C49A3A;

text-align:center;

}

.page-title{

font-size:30px;

}

}