@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body{font-family:Arial, Tahoma, sans-serif; color:#344e6c; font-size:15px; line-height: 22px;}

a{color:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#5e87eb; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.top_nav{display:flex;}
.top_nav_buttons{display:flex; float:right; margin:5px 0 0;}
.top_nav_buttons a{margin:0 5px;}

.logo{padding:10px 0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img{width:350px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav, .main-nav * {margin:0; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left; margin: 0 5px 0; border-top: 5px solid #fff;}
.main-nav a{display:block; color:#555; position:relative; margin:0; padding:10px 5px; margin:0 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:13px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#5e87eb; text-decoration:none;}
.main-nav li a:focus{color:#5e87eb; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity 0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(19, 39, 57, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#3f8bae; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#5e87eb;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}
.nav_bar{background:#fff; border-bottom: 1px solid #f9f9f9;}

.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fff; border-bottom:1px solid #ececec; box-shadow: 0 0 10px #ccc;}

.master-wrapper-content{margin:0; min-height:400px;}

/*-------------------- Start Home Page CSS ------------------------*/
.home_bg{overflow:hidden; position:relative; z-index:1; height:auto; background:#008bcd url(../images/home-bg.png) right top; background-repeat:no-repeat; padding:80px 0;}
.banner_text{margin:20px 0 15px; font-size:30px; font-weight:bold; line-height:40px; color:#fff;}
.banner_sub_text{font-size:18px; line-height:25px; color:#fff;}


.grey-cr{height:400px; width:400px; border-radius:500px;  position:absolute; bottom:-20%; left:-10%; z-index:-1; background:rgb(215, 215, 215, 0.17);}

.learnmore_btn{background:#fff; color:#1f3f8d; border-radius:3px; padding:10px 20px; box-shadow:0 0 10px #ccc; margin:0 20px 0 0; font-size:14px; text-transform:uppercase;}
.contact_btn{background:#1f3f8d; color:#fff; border-radius:3px; padding:10px 20px; box-shadow:0 0 10px #ccc; font-size: 14px; text-transform:uppercase;}
.contact_btn:hover{background:#4965aa; color:#fff;}

.pricing .card {border:none; border-radius:10px; transition:all 0.2s; box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);}
.pricing .card-title{margin:0.5rem 0 20px; font-size:20px; font-weight:bold; text-align:center;}
.pricing .card-price{font-size: 3rem; margin: 0;}
.pricing .card-price .period {font-size: 0.8rem;}
/* Hover Effects on Card */
.pricing .card:hover{margin-top: -.25rem; margin-bottom: .25rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);}

.price-features:first-child{border-right: 1px solid #ccc;}
.price-features{text-align: center;}
.pricing-table span {display: block; font-weight: 700; font-size:22px;}
.price-left-info h4{font-size:25px; line-height: 3.1rem; margin: 0;}
.price-left-info h4 span {font-size:15px;}


.pricing-box{background:#fff; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); border-radius:5px; overflow:hidden; padding:0 0 20px; min-height:445px; margin-bottom:25px;}
.pricing-blue-head{background-image:linear-gradient(185deg, #0d6efd 85%,#fff 0%);}
.pricing-green-head{background:(206deg, #34ba8c);}
.pricing-green-head{background-image:linear-gradient(185deg, #34ba8c 85%,#fff 0%);}
.pricing-head{text-align:center; color:#fff; padding:10px 10px 25px;}
.pricing-head span{display: block; font-size:15px;}
.pricing-head  .amount {font-size:30px; font-weight: 600; margin:5px 0;}

.pricing-feature-list {margin: 0; padding: 0.25em 0 0.8em; list-style-type: none; text-align: center;}
.pricing-feature-list li{padding:5px;}
.pricing-feature-list .price_text {color:#0d6efd; font-size:22px; font-weight:bold; line-height: 1.5;}
.price_text>.year{font-size: 0.58em; font-weight: 500;}
.pricing-feature-list .price_text_black {color:#333; font-size:22px; font-weight:bold; line-height: 1.5;}
.price_text_black>.year{font-size: 0.58em; font-weight: 500;}

.or_seprator{position: relative; padding: 0 0 0.4em 0; text-align:center;}
.or_seprator > span{font-weight: 500;}
.or_seprator>span:before{content: ""; width: 45px; height: 2px; background-color: #4f5a67; position: absolute; top: 12px; left:25px;}
.or_seprator>span:after{content: ""; width: 45px; height: 2px; background-color: #4f5a67; position: absolute; top: 12px; right:25px;}

.pricing-btn{border:1px solid #0d6efd; border-radius:20px; color:#0d6efd; padding:5px 20px; transition: all 0.2s;}
.pricing-btn:hover{border:1px solid #0d6efd; background:#0d6efd; border-radius:20px; color:#fff; padding:5px 20px;}

.border-bottom-green{border-bottom:5px solid #55ac37 !important; margin:0 0 20px;}
.border-bottom-blue{border-bottom:5px solid #4686d5 !important; margin:0 0 20px;}
.border-bottom-orange{border-bottom:5px solid #e89b40 !important; margin:0 0 20px;}


.contact_section{margin:50px 0;}
.contact_section a{color:#333;}
.contact_section a:hover{color:#0d6efd;}
.contact_section .address_block{display: table; padding-bottom: 15px;}
.contact_section .icon{display: table-cell; vertical-align: middle;}
.contact_section .detail{display: table-cell; padding-left: 15px; vertical-align: middle;}
.contact_section .icon i{height:2.5rem; width:2.5rem; border: 1px dashed #acacac; border-radius: 50%; line-height:2.5rem; background-color: #fff; color: #0d6efd; display: inline-block; text-align: center; font-size:20px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer{background:#303e45; color:#999;}
.copyright{font-size:12px; color:#ccc; text-align:center; padding:15px 0; margin:10px 0 0;}




@media (max-width: 768px){
.mobile-nav-toggle{position: fixed; top: 3px;}
.home_bg{height:auto;}
.banner_text{margin: 0 0 15px;}
}


@media (max-width:480px){
.pricing-box{min-height:auto; margin-bottom:25px;}
.top_nav_buttons{display:flex; float:right; margin:45px 0 5px;}
}