h3.title {font-size: 15px; margin:10px 0px; padding:10px 0; border-bottom:#ddd 1px solid; font-weight:600}
body{font-family: Gotham !important;}
.topheading h1{ font-weight:800; font-size:40px; padding:30px 0px 0 10px}
.topheading h5{ font-weight:800; font-size:15px; color:#333}
.joinbtn{ width:180px; background:#2196F3; text-align:center; color:#fff; font-weight:600; padding:12px 0px; margin:20px auto; border-radius:5px}
.boxdesign img {width:100%}
.boxdesign h3{ text-align:center; font-size:18px; font-weight:600; margin:10px 0px 30px 0px}
.lightyellow{ background:#ffdd95}
.lightpink{ background:#dfc2df}
.lightbule{ background:#aedddf}
.darkblue{ background:#074a76}
.darkyellow{ background:#fbb72e}
.lightgreen{ background:#a0d7c5}
.graybg h4{ font-weight:600}
.mb30px{ margin-bottom:50px}
.phla{ background:#5eccfe; padding:80px 20px; margin:90px 0px;  border-top-left-radius:12px;  border-bottom-left-radius:12px;}
.dusra{ background:#41a9d9; padding:80px 20px;  margin:90px 0px}
.teesra{ background:#1c96ce; padding:80px 20px;  margin:90px 0px; border-top-right-radius:12px;  border-bottom-right-radius:12px;}
li.pull-right.yellowmenu{ background:#2196F3; color:#fff}
li.pull-right.yellowmenu a:hover{ background:#000 !important; color:#fff  !important}
li.pull-right.yellowmenu a{ color:#fff !important}
.phla h2, .dusra h2, .teesra h2{ font-size:22px; color:#000; padding:12px 0px; font-weight:600; color:#fff; text-transform:uppercase; position:relative}
.phla h5, .dusra h5, .teesra h5{ font-size:16px; font-weight:600; line-height:25px; margin:10px 0px; padding:0px; color:#fff;}
footer h5{ color:#fff}
.phla h2::before, .dusra h2::before, .teesra h2::before{ position:absolute; content:""; height:1px ;width:120px; left:0; right:0; margin:auto; background:#fff; top:auto; bottom:0px}
@media only screen and (max-width: 800px) {
.phla, .dusra, .teesra{ margin:20px 0px !important; border-radius:0px !important}
}