@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');
/* body {font-family: 'Roboto', sans-serif;} */
/* body, * {font-family: 'Open Sans', sans-serif !important;} */
body {font-family: 'Lato', sans-serif !important;}


/* common css */
.myBTN {background-color: #19466d;background-image: linear-gradient(to right, #2fc5e7, #19466d);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: #19466d;border-color: #19466d;color: #fff;box-shadow: 0px 0px 8px #737373;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.width100 {width: 100%;}

/* Top Header */
.logo_main {height:50px;}
.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 15px;font-weight: 600;}
.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 */
.bannerWrap { background-image: url("../image/home/banner.jpg"); background-repeat: no-repeat; background-position:center center;background-size: cover;}
.bannerWrap .jumbotron { background-color: transparent; display: block;padding: 80px 0;}
.bannerWrap .bannerTtl {color:#fff;font-size: 40px; font-weight: 600;}
.bannerWrap .bannerTtlPara {color:#fff;font-size: 24px; font-weight: 600; margin-top: 20px;}
.ftColor {color:#fbc108;}
.bannerWrap .bgList {margin-bottom: 20px;padding-left: 20px;}

/* Why SC */
/*.whyBg {*//*background-color: #19466d;background-image: linear-gradient(to right, #2fc5e7, #19466d);*//*padding: 45px 15px;color:#000;background-color: #e4e6ea;}*/
.whyBg {background-image: url("../image/cat-img1.jpg");background-repeat: no-repeat;background-size: cover; padding-top: 75px;padding-bottom: 75px;}
.ttlWhy {font-size: 40px;font-weight: 600;color: #1e3e62;text-align: right;}
.ppWhy {font-size: 18px;font-weight: 600;color: #313131;text-align: right;}
.imgWhy {text-align: center;}
.listWhy {padding:0;color:#525252;font-size: 18px;padding-left: 1px;text-align: center;display:inline-flex;}
    .listWhy li {
        margin-bottom: 15px;
        list-style: none;
        box-shadow: 0px 0px 5px #bdbdbd;
        margin: 0 5px;
        padding: 12px 15px;
        font-size: 16px;
        border-radius: 4px;
        color: #fff;
        font-weight: 600;
        background-color: #1e3e62;
        min-width: 32%;
        text-align: left;
    }

/* How it works */
.howBg {/*background-color: #eaeaea;*/background-image: linear-gradient(90deg, #2fc5e7, #124665, #0b2f4b, #001a30);padding-top: 70px;padding-bottom: 70px;color:#000;}
.ttlHow {font-size: 40px;font-weight: 600;color:#2ec2e4;}
.pphow {font-size: 18px;margin-bottom: 20px;color:#c5c5c5;}
.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:#fff;}
.howMedia .media img {height:45px;box-shadow: 0px 0px 5px #092c47; border-radius: 50%;}
.howMedia .media-body h5 {font-weight: 600;font-size: 16px;color:#2ec2e4;}
.howMedia .media-body p {font-weight: 500;font-size: 14px;color:#c5c5c5;}
.howImageA {display:block;}
.howImageB {display:none;}


/* Offer & Gift */
.offerBg {background-image: url("../image/home/offerBgg.jpg"); background-repeat: no-repeat; background-position:center center;background-size: cover;padding-top: 70px;padding-bottom: 70px;color:#000;}
.ttlOfr {font-size: 40px;font-weight: 600;color:#1e3e62;}
.ppofr {font-size: 18px;margin-bottom: 20px;font-weight: 600;}
.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;}

/* Video Banner */
.vdoBg {background-image: url("../image/home/videobg.png"); background-repeat: no-repeat; background-position:center center;background-size: cover;padding-top:30px;padding-bottom: 70px;color:#000;}

/* 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: #fff;padding-top: 20px;padding-bottom: 5px;color:#1e407a;}
.footerWrap ul {padding:0;margin-top: 15px;}
.footerWrap ul li {list-style:none;margin-bottom: 12px;}
.footerWrap h3 {font-size:20px;font-weight: 600;color:#1e407a;}
.footerWrap ul li a {color: #1e407a;font-size:16px;}
.footerWrap ul li a img {height:35px; margin-top: -5px;margin-right: 5px;}

.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 #2fc2e4;color: #2482a7;cursor: pointer;}



/* ---------- 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;}
}
/* ##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;}
}
/* ##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;}
    .myBTN {font-size:14px;min-width:100px !important;padding: 10px 12px;}
    .mainHeader .navbar-toggler {background-color: #ffffff;border: 1px solid #19466d;}
    .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;}
    .listWhy {display:block;}
    .listWhy li {min-width:100%;margin-bottom:15px;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;}
    .howBg {background-image: linear-gradient(329deg, #2fc5e7, #124665, #0b2f4b, #001a30);}
    .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;}
    .vdoBg {background-position: left center;}
    .vdoBg iframe {height:195px;}
    .footerWrap{text-align:center;}
    .footerWrap .socialIc {display:inline-flex;}
    .footerWrap .socialIc li {margin:0 4px;}
    .footerWrap .socialIc li span {display:none;}

}