@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}
.container > .holder{
 background:#fff;
 box-shadow:0 0 50px rgba(0,0,0,0.05);
}
body{
 font-family: "Lato", sans-serif;
 background:#f9f9f9;
}
img{
 max-width:100%;
}
small{
 font-size:14px;
}
.thin{
 font-weight:400;
}
strong.heavy{
 font-weight:900;
}
.section01{
 padding:30px 60px;
 color:#8b4995;
 font-size:25px;
 line-height: 34px;
}
.section02{
 padding:25px 60px 0;
 color:#8b4995;
 font-size:22px;
}
.black{
 color:#000;
}
.pink{
 color:#8b4995!important;
}
.green{
 color:#0087ac!important;
}
.box{
 background:#eee4ef;
 border-radius:30px;
 height:100%;
 line-height: 30px;
}
.box .holder{
 padding:30px 30px 0;
}
.box2 .holder{
 padding:30px 30px;
}
.box .divider{
 padding:10px 0;
 position:relative;
}
.box .divider:after{
 background:#fff;
 width:60px;
 height:3px;
 content:"";
 position:absolute;
 left:0;
 top: calc(50% - 2px)
}
.box h3{
 color:#15385b;
 font-weight:800;
 letter-spacing: 3px;
}
.box2 h3{
 font-weight:900;
}
.box .time{
 font-weight: 400;
}
.box2{
 border-radius:30px;
 background:#8b4995;
 color:#fff;
 height:100%;
}
.form-control{
 border-radius:50px;
 padding-left:20px;
}
.form-check{
 font-size:15px;
}
.form-control::placeholder{
 color:#15385b;
}
.btn-primary{
 border-radius:50px;
 color:#fff;
 background:#bf9bc5!important;
 border:none;
 padding:10px 30px 10px 40px;
 font-size:20px;
 font-weight:500;
 position: relative;
}
.btn-primary img{
 position: absolute;
    width: 33px;
    left: -5px;
    bottom: -14px; 
}
.btn-secondary{
 border-radius:10px;
 color:#fff;
 background:#8b4995!important;
 border:none;
 padding:12px 40px;
 font-size:26px;
 font-weight:800;
}
.section03{
 padding:0 0 0 60px;
 font-size:22px;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#59cbe8+0,7f68ad+100 */
    background: linear-gradient(to right,  #59cbe8 0%,#7f68ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 color:#fff;
 position: relative;
 overflow: hidden;
}
.section03 h3{
 font-weight: 700;
    margin: 0;
    font-size: 30px;
    letter-spacing: 1px; 
}
.section04{
 padding:25px 60px 60px;
 color:#074f6f;
 background:#eee4ef;
 font-size:22px;
}
.section04 h2{
 font-weight:900;
 color:#8c4896;
}
.section04 h3{
 font-weight:900;
 color:#0087ac;
}
.section05{
 padding:25px 60px;
 font-size:18px;
 color:#074f6f;
}
.section05 h3{
 font-weight:bold;
 padding-top:30px;
}
.section05 h2{
 font-weight:900;
 padding-top:30px;
}
.session{
    background: #c2aed3;
    color: #fff;
    /* height: 100%; */
    font-size: 28px;
    padding: 0 30px;
    line-height: 32px;
    align-items: center;
    display: flex;
    border-radius: 100px 0 0 100px;
    top: -20px;
    position: absolute;
    bottom: -20px;
 right:0;
}
footer .top{
 padding:30px 60px;
 font-size:14px;
}
footer .top p{
 margin-bottom:10px;
}
footer .bottom{
 background:#8b4995;
 padding:30px 60px;
 font-size:20px;
}
footer .bottom a{
 color:#fff;
 display:inline-block;
}
label.error{
 color:red;
 font-size:12px;
 position:absolute;
 padding-left:20px;
}
.form-check label.error {
 position:relative;
}
@media (max-width: 991.98px) { 
 .section05 h2{
  font-size:20px;
 }
}
@media (max-width: 767.98px) { 
 .session{
  position:relative;
  padding: 30px;
 }
 .section01, .section02, .section05, .section04, footer .top, footer .bottom{
  padding-left:40px;
  padding-right:40px;
 }
 .section03{
  padding-left:40px;
 }
}
@media (max-width: 575.98px) { 
 .section01, .section02, .section05, .section04, footer .top, footer .bottom{
  padding-left:30px;
  padding-right:30px;
 }
 .section03{
  padding-left:30px;
 }
 .box2 .holder, .box .holder{
  padding:20px;
 }
 .section03 h3, .box h3{
   font-size:20px;
  }
}