.timeline1 {
    border-left: 3px dotted #3b65af;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, 0.09);
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 0px 0px 0px 52px;
    list-style: none;
    text-align: left;
    background-color: transparent !important;
    /* max-width: 40%; */
 margin-left: 7px;
 margin-top: -6px;
}
.timeline1 span{
cursor:pointer;
   font-size: 1.05em;
 line-height: 1.4em;
letter-spacing: 0.2px;
}
#headingOne:hover{
 cursor: pointer !important;
}
.timeline1 .event a{
 text-decoration: none;
}

.timeline1 h1 {
    font-weight: 300;
    font-size: 1.4em;
    text-align: left;
    color: #3b65af;
    font-weight: bold;
}

.timeline1 h2,
.timeline1 h3 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 10px;
    text-align: left;
    color: #3b65af;
}
.timeline1 p {
    color: #3b65af;
}

.timeline1 .event {
    /* border-bottom: 1px dotted #e8ebf1; */
    padding-bottom: 5px;
    margin-bottom: 8px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline1 .event {
        padding-top: 0px !important;
    }
}

.timeline1 .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline1 .event:before,
.timeline1 .event:after {
    position: absolute;
    display: block;
    top: 0;
}
/*
.text-right-custom{
    text-align: left ;
}
*/
.pad-50-40{
    padding: 50px 40px ;
}

@media (max-width: 767px) {
    .timeline1 .event:before {
        left: 0px;
        text-align: left;
    }
    .text-right-custom{
        text-align: center !important;
    }
    .pad-50-40{
        padding: 20px 10px ;
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .pad-50-40{
        padding: 35px 30px ;
    }
}

.timeline1 .event:after {
    -webkit-box-shadow: 0 0 0 3px #3b65af;
    box-shadow: 0 0 0 3px #3b65af;
    left: -55.8px;
    background: #3b65af;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    content: "";
    top: 5px;
}

@media (max-width: 767px) {
    .timeline1 .event:after {
        left: -31.8px;
    }
    .mobile-center{
        text-align: center !important;
        margin-top : 10px !important
    }
    .top-icons{
            width: 20% !important;
        margin-left: 20px !important;
    }
    .btn.btn-lg{
        padding: 10px !important;
        font-size: 12px !important;
    }
    .mobile-mt-5{
        margin-top: 40px !important;
    }
    .text-left-mobile-center{
        text-align: center !important;
    }
  
}
@media (max-width: 500px) {
    .p-4{
        padding: 0.5rem !important;
    }
}
@media (max-width: 575px) {
    .p-4{
        padding: 0.5rem !important;
    }
    .icons{
        width: 15% !important;
     }
}
@media (max-width: 575px) {
    .responsive-div-single{
        width: 100% !important;
    }
    .responsive-div-single img{
        width: 15%;
    }
}

@media (max-width: 767px) {
    .timeline1 {
        max-width: 98%;
        padding: 0px 28px;
    }
}



.rtl .timeline1 {
    border-left: 0;
    text-align: left;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #3b65af;
}

.rtl .timeline1 .event::before {
    left: 0;
    right: -170px;
}

.rtl .timeline1 .event::after {
    left: 0;
    right: -55.8px;
}
.w3-modal{
padding-top:250px;
}
.w3-container{
padding:25px !important;
}
.w3-button-custom{
width:100%;

}
.w3-indigo{
background-color: #3b65af !important;
}
.w3-red{
background-color: #e61f2b !important;
}
.w3-display-topright{
font-size:25px;
}