@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');

 /* General  */
 /* body {font-family: 'Roboto', sans-serif;color:#000;} */
 body {font-family: 'Montserrat', sans-serif;color:#000;font-size: 15px;}
 /* body {font-family: 'Merriweather', serif; } */
 .fontMw {font-family: 'Merriweather', serif; }

/* common css */
.myBTN { background-color: #0A387C; border-radius: 5px; color: #fff;  padding: 10px 35px;min-width: 100px;font-size: 15px; margin: 0 2px;font-weight: 500;}
.myBTN1 { background-color: #fff; border: 1px solid #000; border-radius: 10px; color: #000;  padding: 10px 35px;min-width: 100px;font-size: 15px; margin: 0 2px; font-weight: 500;}
.myBTN:hover, .myBTN:focus, .myBTN:active,.myBTN1:hover, .myBTN1:focus, .myBTN1:active { background-color: #0A387C; border-color: #0A387C; color: #fff;box-shadow: 0px 0px 6px #787878;}
.myBTN-join { background-color: #CE2F5F; border: none; color: #fff;  padding: 10px 0px; min-width: 100px;    border-radius:2px;font-size: 13px; margin: 0 2px; }

.relative {position:relative;}
.no-border {border: none;}
.width100 {width: 100%;}
.mt-0 {margin-top:0px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mb-0 {margin-bottom:0px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mt-80 {margin-top:450px;}
.mt-70 {margin-top:80px;}
.underLine {text-decoration:underline;}
.snColor {color: #CE2F5F;}

/* Top Header */
.logo_main {height:60px; margin-top: 0px;}
.mainHeader {padding: 1px 0; position: sticky; top: 0;z-index: 9999;}
.mainHeader.shadow {background-color: #fff;padding: 1px 0;box-shadow: 0px 2px 5px #ccc;margin-bottom: 5px;}
.mainHeader .navbar {padding-top:10px;padding-bottom:10px;}
.mainHeader .navbar.bg-light {background-color: transparent;}
.mainHeader .navbar-light .navbar-nav .nav-link {color: #000;font-size: 15px; margin: 0 10px;font-weight: 600;}
.mainHeader .navbar-light .navbar-nav .nav-link:hover {color: #0A387C}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {background-color: #0A387C;color: #fff;padding: 8px 20px;border-radius: 5px;font-weight: 500;}
.getbtn{margin-top: 20px;border: none;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN:hover, .mainHeader .navbar-light .navbar-nav .nav-link.myBTN:focus {box-shadow: 0px 0px 6px #787878;}
.getbtn{margin-top: 20px;}
 .mainHeader .dropdown-item:hover {background-color: transparent;color: #000;/*background-image: linear-gradient(90deg,#60CCEB,#00668D,#003447);*/} 

 /* Banner */
.mainBannerBox {background-image: url(../images/homebg.svg); background-repeat: no-repeat;background-position: bottom center; background-size: cover;margin-bottom: 50px;}
.mainBannerBox {position: relative;}
.mainBannerBox .bannerTextBox {padding-top: 60px; padding-bottom: 60px;text-align: left;color: #fff;}
.mainBannerBox .bannerTextBox .bannerHead {font-size: 45px;font-weight: 700;text-shadow: 0px 0px 8px #333;}
.mainBannerBox .bannerTextBox .bannerPara {font-size: 20px;font-weight: 500;letter-spacing: 1px;}
.myBTN.bnrSignup {background-color: #00000038;border: 1px solid #fff;}
.myBTN.bnrSignup:hover {background-color: #0A387C;border: 1px solid #0A387C;}

.headingKP {font-size: 45px;color: #000;font-weight: 600;margin-bottom:25px;}
.headingKP.brd {border-bottom: 4px solid #000;}
.featuremain {margin-top: 70px;}
.featuremain ul {margin-top: 70px;}
.featuremain ul li {font-size: 20px;font-weight: 600;color: #000;line-height: 40px;margin-bottom: 10px;}
.paraC {font-size: 15px;color: #000;line-height: 30px;margin-bottom: 10px;}

/* Footer */
.footerWrap {/*background-color: #3A3A3A;*/color: #0A387C; padding-top: 0; padding-bottom: 0px;margin-top: 50px;font-weight:600;}
.footertexts {color: #fff;text-align: center;}
.footerLinksBox .footHead {color: #fff;font-size: 22px;font-weight: 700;margin-bottom: 15px;}
.footerLinksBox p {color: #fff;font-size: 16px;font-weight: 400;margin-bottom: 20px;}
.footerLinksBox p a {color: #fff;font-size: 15px;font-weight: 500;transition: all linear .3s;}
.footerLinksBox p a:hover {margin-left: 2px;transition: all linear .2s;color: #18a9cd;text-decoration:none;}
.footerLinksBox p i {color: #fff;font-size: 20px;font-weight: 500;margin-right:10px;}

.footerAdrs .logo-brand.ftr-lgo img {height: 70px;background-color: #fff; padding: 1px;margin-bottom: 20px;}
.footerAdrs a {color: #fff;font-size: 20px;font-weight: 400;display: inline-block; margin-right: 10px;}
.footerAdrs a i {background-color: #fff;color: #3a3a3a;border: 1px solid #fff;padding: 10px  11px;border-radius: 20px;margin-right: 2px;margin-bottom: 5px;margin-top: 10px;}


/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){
	
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){
 
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){
 
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){
 
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
    
 }