/********** Template CSS **********/


body {
  font-family: "Roboto", sans-serif; color:#333;
}
html, 
body {
    height: 100%;
    background-color:#4c4a4a;
}

a {
  color: #5f6ded;
  text-decoration: none;
}

a:hover {
  color: #5f6ded;
  text-decoration: none;
}
.sub-heading{
color:#fff;
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 36px;
}
p, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
}

/*** Heading ***/
h1,
h2,
.fw-bold {
    font-weight: 800 !important;
}

h3,
h4,
.fw-semi-bold {
    font-weight: 700 !important;
}

h5,
h6,
.fw-medium {
    font-weight: 600 !important;
}

.txt-green{color:#2bc42b}


/*** Button ***/
.btn {
    font-weight: 600;
    transition: .5s;
	border-radius:10px;
	height:45px
}

.btn-primary, .btn-primary:hover{
	background-color: #5f6ded;
    color: #FFFFFF;
    border-color: #5f6ded;
}


h2{
font-style: normal;
font-weight: 700;
font-size: 46px;
line-height: 54px;
}

.body-bg{background-color:#172442;height:100%;}
.main-wrap{padding-top:50px; position:relative}
.top-section{position:relative; padding-right:250px}
.top-left{color:#ffffff; width:80%}
.top-logo{text-align: right;position: absolute;right: 0px;width: 320px;}
.main-wrap .top-button{width:210px;float:right;background: #5f6ded;border-radius: 15px;}

.black-shade-box{background: rgb(23 36 66 / 70%); padding:30px; color:#ffffff}
.black-shade-box h3{margin-bottom:20px}
.black-shade-box span{color:#2bc42b;}

.white-box{background: #F4F5F6;padding:30px}
.white-box h3{color:#333333; margin-bottom:20px}
.white-box .form-control{border-radius:15px; height:45px;}
.white-box .btn{height:45px; width:220px; background: #5f6ded; border-radius:15px;}

.modalPop .close{cursor:pointer;position: absolute;right: 10px;top: 10px;color: #7b85ec;border: 1px solid #7b85ec;border-radius: 50%;font-size: 22px;z-index: 1;width: 30px;height: 30px;text-align: center;line-height: 30px;}
.modalPop .modal-content{border-radius: 1.2rem;}
.modalPop .modal-body{padding: 40px; padding-top: 50px;}

.internet-sec{background:rgb(0 0 0 / 49%);}
.internet-sec h3{color:#e5524f; font-weight:900 !important;font-size:32px;}
.internet-sec p{ font-weight:700; font-size:18px;}
.modal-body p{font-weight:600}
.learn-more-link span{margin-left:6px;}
@media screen and (max-width:767px){
	.top-logo .btn{font-size:12px !important;}
	.top-logo{position: relative;right: auto;width: auto;top: auto;left: auto; text-align:left}
	.top-left{margin-top:20px;width:100%}
	.top-left h2{font-size: 36px;line-height: 40px;}
	.white-box .form-control{margin-bottom:15px}
	.internet-sec{text-align:center}
	.wifi-logo{width:80px; margin-bottom:5px}
	#exampleModal .btn-primary{font-size:14px;}
	.top-section{padding-right:0px;}
	.sub-heading{font-size:20px;}
	h5{font-size:18px}
	#exampleModal .col-md-6 .mb-4{margin-top:30px;}
	.black-box-second-heading{margin-top:20px;}
}

button[disabled=disabled], button:disabled{
background:#a7a2a2 !important;
}