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

/* body {font-family: 'Roboto', sans-serif;} */
/* body, * {font-family: 'Open Sans', sans-serif !important;} */
body {font-family: 'Roboto', sans-serif;color:#000;}
.barlowFont {font-family: 'Barlow', sans-serif;}



/* common css */
.myBTN {background-color: #0A387C;border: none;color: #fff;padding: 10px 40px;min-width: 100px; border-radius: 3px;font-size: 18px;margin:0 2px;}
.myBTN:hover, .myBTN:focus, .myBTN:active  {background-color: #47C1F0;border-color: #47C1F0;color: #fff;box-shadow: 0px 0px 8px #47C1F0;}
.myBTN1 {background-color:#FFFFFF;border: none;color: #0A387C;padding: 10px 40px;min-width: 100px; border-radius: 3px;font-size: 18px;margin:0 2px;margin-top:35px;}
.myBTN1:hover, .myBTN1:focus, .myBTN1:active  {background-color: #47C1F0;border-color: #47C1F0;color: #fff;box-shadow: 0px 0px 8px #47C1F0;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.width100 {width: 100%;}

/* Top Header */
.logo_main {height:60px;}
.mainHeader {background-color: #fff;padding: 1px 0;box-shadow: 0 0 5px #ccc; position: sticky; top: 0;z-index: 99;}
.mainHeader.shadow {background-color: #fff;padding: 1px 0;box-shadow: 0px 2px 5px #ccc;margin-bottom: 5px;}
.mainHeader .navbar {padding-top:1px;padding-bottom:1px;}
.mainHeader .navbar.bg-light {background-color: transparent;}
.mainHeader .navbar-light .navbar-nav .nav-link {color: #000;font-size: 15px; margin: 0 8px;font-weight: 400;}
.mainHeader .navbar-light .navbar-nav .nav-link:hover, .mainHeader .navbar-light .navbar-nav .nav-link.active {color: #0a387c;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #fff;padding: 8px 40px;}
.profileImg {margin-top:-10px;height: 38px;width: 38px;border-radius: 25px;box-shadow: 0px 0px 5px #c1c1c1;}

/* Banner */
.bannerWrapBG {background-image:url("../image/home/homebg.svg"); background-repeat: no-repeat;padding-top: 60px;padding-bottom: 150px; background-size: cover;}
.bannerWrapBG .header {font-size: 40px;font-weight: 500;color: #fff;margin-top:90px;}
 .bannerWrapBG .paraText {color: #fff;font-size: 16px;}
/*About Us*/
.aboutusbg {background-image: url("../image/home/background.svg");background-repeat: no-repeat;background-size: 350px;background-position: bottom right;padding-top: 30px;padding-bottom: 50px;}
.aboutusbg .header{font-size: 40px;font-weight: 500;color: #0A387C;margin-top:50px;}

/*Why We*/
.whyBg {background-color: #47c1f040; padding-top:90px;padding-bottom: 70px;}
.whyBg .header{font-size: 40px;font-weight: 500;color: #0A387C;}


/* How it works */
.howBg {background-color: #47c1f00f; padding-top: 50px;padding-bottom: 70px;color: #000; background-image:url("../image/home/background1.svg");background-repeat:no-repeat;background-position:top left;background-size:250px; }
.howBg .header{font-size: 40px;font-weight: 500;color: #0A387C;text-align:center;}
.howBg p {color: #fff;} 
.ttlHow {font-size: 60px;font-weight:700;color:#000;text-align:center;}
.pphow {font-size: 20px;margin-bottom: 20px;color:#666666!important;text-align:center;font-weight: 500;}
.cardsStep {background-color:#fff;padding: 20px 10px; text-align: center; box-shadow: 1px 1px 15px #bdbdbd; border-radius: 8px; margin-top: 20px;}
.cardsStep h3 {font-size: 22px;font-weight: 600;color: #2fc5e7;margin-bottom: 15px;margin-top: 15px; min-height: 60px;}
.cardsStep p {font-size: 15px;color: #000;margin-bottom:0px;font-weight: 600;min-height: 90px;}
.howMedia .media {color:#000;}
.howMedia .media img {height:45px;}
.howMedia .media-body h5 {font-weight: 700;font-size: 20px;color:#fff;margin-top: 20px;margin-bottom:15px;}
.howMedia .media-body p {font-weight: 500;font-size: 15px;line-height: 26px; min-height: 160px;}
.howImageA {display:block;}
.howImageB {display:none;}
.mediaBox {text-align: left;padding: 30px 10px 5px;box-shadow: 4px 5px 10px #d3d3d3;border-radius: 8px;margin-top: 15px;background-image: linear-gradient(#0A387C, #47C1F0);padding: 20px 20px; transition: all linear .5s;}
.mediaBox:hover {box-shadow: 4px 5px 10px #d3d3d3;transition: all linear .2s;transform: scale(1.03);}
.mediaBox img {height:70px;transition: all linear .7s;}
.mediaBox:hover img {transform:rotate(360deg);transition:all linear .5s;}


/* Offer & Gift */
.offerBg {padding-top: 70px;padding-bottom: 70px;}
.offerBg .header{font-size: 40px;font-weight: 500;color: #0A387C;}
.ttlOfr {font-size: 60px;font-weight: 700;color:#000;}
.ppofr {font-size: 18px;margin-bottom: 20px;font-weight: 600; color: #525252;}
.listOfr {padding:0;color:#000;font-size: 18px;padding-left: 20px;}
.listOfr li {margin-bottom:15px;}
.offerImages img {width:100%; margin-bottom: 30px;box-shadow: 2px 2px 7px #adadad;border-radius: 4px;}
.cardSlides .carousel img {}

/* Contact */
.contactBg {background-image: url("../image/home/contact-us.jpg"); background-repeat: no-repeat; background-position:center center;padding-top: 70px;padding-bottom: 70px;color:#000;}
.ttlContact {font-size: 40px;font-weight: 600;margin-top: 35%;}
.ppContact {font-size: 18px;margin-bottom: 20px;font-weight: 600;}
.contactForm {background-color: #fff;padding: 25px 20px;border-radius: 10px;text-align: center;}
.contactForm h3 {font-weight: 600;font-size: 40px;}
.contactForm p {font-weight: 500;font-size: 20px;margin-bottom:30px;}
.contactForm .myBTN {width: 100%;}
.contactForm .form-control {min-height: 45px;border-color: rgb(151, 151, 151);}

/* GET INFO SECTION  */
.get-info-section{ padding: 50px 0;background-color: #132C33; color: #fff;}
.get-info-section .heading{font-weight:700;font-size:35px;text-transform:uppercase;margin-bottom:10px;line-height:40px;}
.get-info-section .content{font-size: 18px;font-weight: 300;}
.get-info-section .inputbox{padding: 15px 30px;width: 100%;color: rgb(160, 160, 160);border-radius: 5px;border: none;}
.get-info-section .info-btn{position: absolute;right: 22px;top: 7px;/* padding: 10px 10px; */}


/* Footer */
.footerWrap {background-color:#F5FAFF;padding-top: 30px;padding-bottom: 15px;color:#000000;font-weight: 500;border-bottom: 1px solid #ccc;}
.footerWrap ul {padding:0;margin-top: 10px;}
.footerWrap ul li {list-style:none;margin-bottom: 8px;line-height: 20px;}
.footerWrap h3 {font-size:18px;font-weight: 600;color:#000000;}
.footerWrap ul li a {color: #000000;font-size:14px;}
.footerWrap ul li a:hover {color: #0A387C;}
.footerWrap ul li a img {height:35px; margin-top: -5px;margin-right: 5px;}
.footerLogo {height:60px;}
.footerWrap ul.socialIc li {display:inline-block;margin-right:10px;}
.footerWrap ul.socialIc li a {border:1px solid #000;padding: 6px 9px; border-radius: 15px;}
.footerWrap ul.socialIc li a:hover {background-color:#0A387C;color:#fff;border:1px solid #0A387C;}
.footerWrap ul.socialIc li a.fb {padding: 6px 11px;}
.toTop {
    position: fixed;
    bottom: 2%;
    right: 2%;
    font-size: 24px;
    background-color: #fff;
    padding: 5px 15px 5px 16px;
    border-radius: 25px;
    box-shadow: 0px 0px 5px #000000;
    color: #000000;
    cursor: pointer;
    z-index: 9999;
}



/* ---------- 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) {
    .ttlContact {margin-top: 0;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;}
    .mediaBox {margin-top:30px;}
    .bannerWrap img {margin-top:30px;}
}
/* ##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) {
    .ttlContact {margin-top: 0;}
    .howImageA {display:none;}
    .howImageB {display:block;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;}
    .mediaBox {margin-top:30px;}
    .bannerWrap img {margin-top:30px;}
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px) {
    .logo_main { height: 45px;}
    .bannerWrapBG{padding-top:0px;}
    .bannerWrap img {margin-top:30px;}
    .myBTN {font-size:14px;min-width:100px !important;padding: 10px 12px;}
    .mainHeader .navbar-toggler {background-color: #ffffff;border: 1px solid #017478;}
    .mainHeader .navbar-toggler:focus {outline: none;}
    .bannerWrap .bannerTtl {font-weight: 600;font-size: 24px;}
    .bannerWrap .jumbotron {padding: 40px 0; margin-bottom: 0;background-color: transparent;}
    .bannerWrap .jumbotron .myBTN {width:150px !important;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;}
    .contactBg {padding-bottom: 40px;padding-top: 30px; background-repeat: initial;}
    .ttlContact {margin-top: 0;}
    .ttlWhy, .ttlOfr,.ttlHow, .ttlContact, .contactForm h3 {font-size:30px;}
    .howImageA {display:none;}
    .howImageB {display:block;}
    .footerWrap{text-align:center;}
    .footerWrap .socialIc {display:inline-flex;}
    .footerWrap .socialIc li {margin:0 4px;}
    .footerWrap .socialIc li span {display:none;}
    .mbOrdr2 {order:2;}

}