﻿* {padding: 0; margin: 0; box-sizing: border-box;}
.content-wrapper nav{display:block !important;}
.content-wrapper nav .breadcrumb{margin-bottom:-8px !important;}
.disc{background:#fff; z-index:1000; bottom:51px !important;}
main.l-main .content-wrapper--with-bg .page-content{margin-bottom:150px !important;}
.colinmates .card{margin-bottom:10px !important;}
.disc p:nth-child(2){margin-bottom:0px !important;}
.wrapper {width: 440px; box-shadow: 0px 4px 8px #6c6a6a; /* border: 1px solid #000;*/ display: flex; border-radius: 10px; position: relative; margin: 100px auto 30px;}
.content {flex: 50%; background-color: white; text-align: center; /* padding-left: 30px;*/  border-radius: 10px;}
.content h1 {padding: 40px 0 20px; color: #578ebe; font-weight: bold; font-size:25px;}
.content p {margin-bottom: 30px; font-size: 12px;}
#txt {margin: 10px 0px; padding: 5px 15px; border: none; background-color: #fff; border-radius: 10px; font-weight: bold; font-size: small; font-family: 'Montserrat', sans-serif; border: 1px solid #ddd; color: #aa38a4;}
label {font-weight: bold; font-size: small;}
#txt:focus {outline: none;}
.fp {text-decoration: none; font-weight: bold; font-size: small; transition: 0.3s;}
.fp:hover {color: #fff;}
.otpButton, .otpButton2 {padding: 6px 25px; margin-top: 50px; font-size: 16px; border: none; background-color: #578ebe; /* background: linear-gradient(to right, #4568DC, #B06AB3);*/ border-radius: 20px; transition: 0.3s; color: #fff;}
.otpButton:hover, .otpButton2:hover {transform: scale(1.2); color: #fff;}
.otpButton a, .otpButton2 a {text-decoration: none; color: white;}
footer .footerinner {word-spacing: 3px; font-size: 16px; font-weight: 600; position: absolute; bottom: 0; width: 100%; border-top: 1px solid #9e9e9e; margin: 0; background-color: #fff; padding: 10px 0;}
footer .footerinner p.pull-right{margin-bottom:0px !important;}
.mobileinput {width: 180px; height:30px; display: inline-block; font-size:14px;}
.login_part {float: left; width: 100%; text-align: center}
.otpButton2 {margin-top: 15px !important;}
.menu ul li {box-sizing:border-box; padding:10px 10px;}
.menu ul li a{box-sizing:border-box;padding:10px;}
.menu ul li a{color:#000}
.menu ul li a:hover{color:#FFF}
.menu ul li{font-size:14px;}
.menu ul li ul li a{color:#FFF; padding-left:15px; font-size:12px; background-size:cover}
.menu ul{/* width:100%; */ padding:0px; margin:0px;}
.menu{background:#FFF; width:25%; position:absolute; left:-25%;transition:all 0.3s ease-in-out; height:100%; margin:5px 0 0 0px; box-sizing:border-box; border-right:2px #4F1A53 solid;z-index:10000}	
.menu li{ display:block; width:100%; background:none; border:none; border-bottom:1px #CCC solid}	
.menu li a{width:100%;}
.hemburg-menu{float: left;height: 36px;  margin:0px 0 0;position: absolute;right: -39px;width: 36px; background:#0072bc;padding: 12px 11px; border-radius:0 5px 5px 0; z-index:100000; display:block}
.hemburg-menu span,.hemburg-menu span:before,.hemburg-menu span:after{ background:#fff; content: "";display: block; height: 4px;position: absolute;width: 25px; transition:all 0.4s ease-in-out; right:0px;}
.hemburg-menu span{top: 8px; right:9px;}
.hemburg-menu span:after{top: 16px; right:0px}
.hemburg-menu span:before{top: 8px; right:0px}
.menu.slide{left:0px;}
.hemburg-menu.hemb-close span:before{transform:rotate(45deg)}
.hemburg-menu.hemb-close span:after{transform:rotate(-45deg)}
.hemburg-menu.hemb-close span{/*opacity:0; left:-50%;*/ background:none}
.hemburg-menu.hemb-close span:before,.hemburg-menu.hemb-close span:after{top:8px}
.menu li ul{ position:static; width:100%;}    
.menu.slide{position:fixed;}
.closebtn:after{position:absolute; height:20px; width:20px; top:2px; right:30px; content:""; font-size:24px; font-weight:bold; color:#000; cursor:pointer; z-index:10000; transition:all 0.3s ease-in-out;}
.menu ul li:hover .closebtn:after{color:#FFF;}
.menu ul li.sel > .closebtn:after{color:#FFF;content:"";}
.menu ul li:hover{background:#1c1c1c}
.menu ul li:hover a{color:#FFF}

/*Contact Page css start here*/
.contact-page, .contact-box{float:left; width:100%; margin-top:80px;}
.contact-box ul{font-size:0px;}
.contact-box ul li, .aboutbox {list-style: none; display: inline-block; width: 30%; margin: 0 2%; padding: 0px; text-align: center; position: relative; background-image: linear-gradient(#578ebe 8%, #0068B5 100%); color: #fff; border-radius: 8px;}
.contact-box ul li .con-icon{padding:20px 0; border-bottom:1px solid #fff;}
.contact-box ul li .con-icon img{margin-bottom:30px;}
.contact-box ul li .con-icon h4{font-size:18px;}
.contact-box ul li .condesc{float:left; width:100%;padding:15px 0;}
.contact-box ul li .condesc h2{font-size:32px; line-height:36px;}
.contact-box ul li .condesc h5{font-size:18px; line-height:36px; font-weight:300;}
.contact-box ul li .condesc p{font-size:14px; line-height:16px; font-weight:300; padding:0 20px;}
.contact-box ul li:before {content: ''; position: absolute; right: -28%; top: 50%; border: 1px dashed #5F5F5F; width: 28%;}
.contact-box ul li:after {content: ''; position: absolute; right: calc(-12% - 20px); top: calc(50% - 12px); background-image: url(../images/image/contact-tick.png); width: 23px; height: 23px;}
.contact-box ul li:last-child::before,.contact-box ul li:last-child::after{display:none;}
.contact-box ul li:first-child{margin-left:0px;}
.contact-box ul li:last-child{margin-right:0px;}
.accordion .accordion-item{margin-bottom:20px;}
.accordion-item:not(:first-of-type){border-top:1px solid rgba(0,0,0,.125) !important;}
.breadcrumb {padding: 10px 0 10px 15px; /*background-color: #d7d7d7 !important;*/ background-color: #578ebe !important; border-radius: 0px;}
.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before{color:#fff; font-weight:bold;}
#accordion .card{margin-bottom:15px; position:relative;}
.acordionIcon{position:absolute; right:30px; top:25px;}
.pagetitle{float:left; width:100%; margin:30px 0;}
.pagetitle span{position:relative; font-size: 30px; color: #578ebe; padding: 0 0 5px 0;}
.pagetitle span:after {content: ''; position: absolute; bottom: 0px; background: #578ebe; color: #0072bc; width: 78px; height: 3px; right: -2px;}