/* ---- FONTS ---- */
@import url('https://fonts.googleapis.com/css2?family=Open      +Sans:wght@300;400;500;600;700;800&display=swap');

/* ---- GENERAL ---- */
body {margin: 0%;padding: 0%;box-sizing: border-box;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6, a, button {font-family: 'Open Sans', sans-serif;}
.headings {font-size: 40px;font-weight: 600;letter-spacing: .5px;line-height: 50px;color:#021859;}
.headings.lgtTxt {color:#1B3380;}
.colorORtxt {color:#FF1B6B;}
.colorBLtxt {color:#1B1D1D;}
.colorGRtxt {color:#6f7176;}
.colorBlutxt {color:#021859;}
.colorBlutxtLight {color:#1B3380;}
.color-mn {color: #FF1B6B;}
.paraText {color:#012a4a;font-size: 18px;font-weight: 500;}
.paraText.paraTextBig {font-size: 21px;line-height: 40px;}
.myBTN {color: #fff;background-color: #FF1B6B;border-color: #FF1B6B; border-radius: 5px;min-width: 150px;padding: 11px 35px; font-size: 18px;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN:not(:disabled):not(.disabled):active {color: #fff;background-color: #021859;border-color: #021859;}
.myBTN.brderRad {border-radius: 30px;}
.sectionWrap {padding-top: 70px;padding-bottom: 60px;}
.width100 {width: 100%;}
.para_txt{color:#fff; font-size:24px; font-weight:600; margin-left:50px; }
/* ---- Navbar ---- */
.logoMain {
    height: 60px;
}   
.mainNavbar { background-color: #fff;}
.mainNavbar .navbar {padding: 15px 0px;} 
.mainNavbar .navbar .nav-item {padding: 1px 10px;}
.mainNavbar .navbar .nav-item:last-child {padding-right:0;}
.mainNavbar .navbar .nav-item .nav-link {color: #1B1D1D;font-size: 15px;font-weight: 600;}
.mainNavbar .navbar .nav-item .nav-link:hover {color: #FF1B6B;}
.mainNavbar .navbar .nav-item .nav-link.signUp {background-color: #FF1B6B;color: #fff;min-width: 100px; text-align: center; border-radius: 5px; line-height: 25px; padding: 6px 20px; font-weight: 500;}
.mainNavbar .navbar .nav-item .nav-link.signUp:hover {background-color: #021859;color: #fff;}

/* ---- New Home Banner ---- */
.bannerNewHome {background: url(../../image/bg-index.jpg);/*background-position: bottom center;*/background-size: cover;height:100vh;}
.bannerNewHome.sectionWrap {padding-top:40px;position:relative;}
.bannerNewHome .hmContentCentr {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.bannerNewHome .logoWhite {height:70px;}
.bannerNewHome .usersWrap {color:#fff; display: block; width: 100%;text-align:center;}
.bannerNewHome .usersWrap.rgtBrdr::after {content: '';border-right: 4px solid #fff;height: 100%;display: block;margin: 0px auto;position: absolute;top: 2%;right: 8px;}  
.bannerNewHome .usersWrap .headingTTL1 {font-size:40px;font-weight:600;text-transform:uppercase;}
.bannerNewHome .usersWrap .headingTTL1::after {content: '';border-bottom: 4px solid #fff; width: 70px;display: block;margin: 5px auto;}  
.bannerNewHome .usersWrap .headingTTL2 {font-size:80px;font-weight:600;margin-bottom:0;margin-top:30px;}
.bannerNewHome .usersWrap .ttl2paraText {font-size:35px;font-weight:600;}
.bannerNewHome .usersWrap .paraTxt {font-size:20px;font-weight:400;margin-bottom:2px;margin-top:15px;min-height: 90px; max-height: 90px; overflow-y: auto;padding:0 30px;}
.bannerNewHome .usersWrap .myBTN {font-size:21px;font-weight:600;}
.bannerNewHome .usersWrap .myBTN:hover, .bannerNewHome .usersWrap .myBTN:focus {color: #021859;background-color: #fff;border-color: #fff;}
/*.bannerNewHome .usersWrap.corporateWrap .myBTN {color: #021859;background-color: #fff;border-color: #fff;}*/
/*.bannerNewHome .usersWrap.corporateWrap .myBTN:hover, */.bannerNewHome .usersWrap .myBTN:focus {color: #fff;background-color: #FF1B6B;border-color: #FF1B6B;}
.bannerNewHome .usersWrap .myBTN i {font-size:16px;margin-left:5px;}

/* ---- Banner ---- */
.bannerWrap {margin-top: 30px;background: url(/image/bg-sq.png);background-size: cover;}
.bannerWrap .bannerLeft {padding-top:22%;}
.bannerWrap .bannnerVdo img {max-height:500px;}


/* ---- Discover ---- */
.discoverWrap {background-color: #f1f1f1;}
.discoverWrap .bannnerVdo img {margin-top:60px;}

/* ---- Opinion ---- */
.opinionBoxs {margin-bottom:150px;padding: 20px 10px 10px;border-radius: 10px;box-shadow: 15px 15px 18px #d7d7d7;}
.opinionBoxHeading {margin-bottom:5px;font-size: 18px;font-weight: 600;color:#FF1B6B;}
.opinionBoxPara {margin-bottom:5px;font-size: 15px;font-weight: 500;color: #6f7176; min-height: 80px;overflow-y: auto;}
.opinionLaptop {margin-top: 55%; height: 65px;}

/* ---- Motivate ---- */
.motivateWrap {background-color: #f1f1f1;padding-bottom:30px;}
.motivateLeft {margin-top:100px;}

/* ---- Features ---- */
.featuresAll {height:550px;}


/* ---- Counter to ---- */
.de_count {color:#012A4A; text-align: center;}
.de_count .topIcon-nm {font-size:55px;}
.de_count .numberText {font-size:65px;font-weight:700;}
.de_count .titleBtm {font-size:18px;}

/* ---- Our Clients ---- */
.clientsSlider {overflow:hidden;padding-bottom:20px;}
.clientsSlider .owl-dots, .clientsSlider .owl-nav {display:none;}
.clientsSlider .owl-item .item img {border: 1px solid #d9d9d9;border-radius: 8px;}
.clientsSlider .owl-nav {position: absolute;top: 100%;left: 50%;transform: translate(-50%, 0%);}
.clientsSlider .owl-nav button {font-size: 35px !important;line-height: 20px !important;margin: 0 !important;}
.clientsSlider .owl-nav button:hover, .clientsSlider .owl-nav button:focus {background-color:transparent !important; color: #000 !important;outline: none;}
.clientsSlider .owl-nav .owl-prev {left:-20px;}
.clientsSlider .owl-nav .owl-next {right:-20px;}


/* ---- filter ---- */
.filterWrap {border: 1px solid #012A4A;padding:30px 30px;margin-top: 30px;}
.filterWrap ul {padding:0;margin:0;}
.filterWrap ul li {list-style:none;text-align:center;margin-bottom: 28px;}
.filterWrap ul li:last-child {margin-bottom: 0;}
.filterWrap ul li a {text-decoration:none;color:#012A4A;padding:15px 0;display:block;font-size: 20px; font-weight: 600;} 
.filterCountWrap {text-align:center;margin-top: 30px;}
.filterCountWrap .filLogo {height:130px;}
.filterCountWrap .de_count {margin-top:40px;}
.filterCountWrap .myBTN {margin-top:30px;}
ul.userCountFilter { display: flex; flex-direction: column; }
ul.userCountFilter li.ageF1 { order: 1;margin-bottom:28px; }
ul.userCountFilter li.genderF2 { order: 2;margin-bottom:28px; }
ul.userCountFilter li.stateF3 { order: 3;margin-bottom:28px; }
ul.userCountFilter li.incomeF4 { order: 4;margin-bottom:28px; }
ul.userCountFilter li.jobTtlF5 { order: 5;margin-bottom:0; }
/*-------Features--------*/
.featurepara {color: #1B1D1D;font-size: 16px;font-weight: 600;position: absolute;}
.featurepara.text1 {top: -25px;  left: 35%;}
.featurepara.text2 {top: 55px;left: 0;}
.featurepara.text3 {top: 240px;text-align: end;left: 115px;}
.featurepara.text4 {bottom: 40px;text-align: end;  left: 200px;}
.featurepara.text5 {left: 480px;}
.featurepara.text6 {bottom: 40px;right: 30px;}
.featurepara.text7 {top: 240px;right: -20px;}
.featurepara.text8 {top: 55px;right: -15px;}
.langMN .featurepara.text1 {left: 40%;}
.langMN .featurepara.text2 {left: 190px;}
.langMN .featurepara.text3 {left:15px;}
.langMN .featurepara.text4 { left:110px;}
.langMN .featurepara.text5 {left: 445px;}
.langMN .featurepara.text6 {right: 70px;}
.langMN .featurepara.text7 {right: -50px;}
.langMN .featurepara.text8 {right: 80px;}
.features1{display:none;}
/* ---- Panel CARDS ---- */
.cardBox {background-color:#fff;box-shadow: 0px 0px 15px #7c7c7c;color: #012A4A;border-radius: 10px; text-align: center;padding: 20px 25px;margin-top: 50px;margin-bottom: 20px;}
.cardBox .cardIcons {font-size:70px;margin:0;}
.cardBox .cardTxt {font-size: 18px;line-height: 32px;text-align: justify;min-height: 290px;max-height: 290px; overflow-y: auto;}
.contact-img { max-height: 380px;}
.org-img{ max-height: 100px;}
/* ---- Contact Us ---- */
/*.contactWrap {background: url(/image/home/contact-bg.png);}*/
.contactWrap .form-control {border-radius: 5px;border: 1px solid #c5c5c5;border-bottom: 1px solid #aba4a4;margin-bottom: 30px;}
.contactWrap input.form-control {height:60px;}
.contactWrap .form-group {position:relative;}
.contactWrap .help-block.text-danger {position: absolute;top: 100%;font-size: 12px;font-weight: 500;}

/* ---- Footer ---- */
.footerWrap {background-color: #f1f1f1;padding-bottom: 10px;}
.footerWrap .footerHeading {font-size: 20px;font-weight: 600;margin-top: 20px;margin-bottom: 20px;text-transform: uppercase;}
.footerWrap p {margin-bottom: 20px;}
.footerWrap .footerlinks a {font-size: 15px;font-weight: 500;color: #6f7176;}
.footerWrap .footerlinks a:hover {color: #FF1B6B;text-decoration:none;}
.footerWrap .socialWrap a {background-color: #fff;margin-right: 15px; font-size: 30px; text-align: center;display: inline-block; box-shadow: 1px 1px 5px #d5d5d5;border-radius: 3px;}
.footerWrap .socialWrap .fa-facebook-f {color: #1877f2;padding: 10px 18px;}
.footerWrap .socialWrap .fa-instagram {color: #e1306c;padding: 10px 16px;}
.footerWrap .socialWrap .fa-twitter {color: #1da1f2;padding: 10px 15px;}
.footerWrap .socialWrap .fa-linkedin-in {color: #0077b5;padding: 10px 16px;}
.footerWrap .socialWrap .fa-youtube {color: #ff0000;padding: 10px 14px;}
.footerWrap .socialWrap a:hover i {transform: rotate(360deg);transition: all ease .5s;}



.bannerWrap {
}
/* ---- Media Query ---- */


/* ---------- 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){
    .profile-user {margin-top:8px;}
    .featurepara {font-size: 24px;}
     .featurepara {position:static;display:list-item;}
    .featurepara br {display:none;}
    .featurepara.text3, .featurepara.text4 {text-align:left;}
    .featuresAll{display:none;}
    .features1{height:auto; display: block;}
    .parafeature{margin-top:35px;}
     .sectionWrap{padding-top:25px;padding-bottom:25px;}
    .bannerNewHome {background: #131440; }
    }
   /* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
   @media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
    .bannerNewHome {background: #131440; }
        
   }
   /* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
   @media (min-width:481px) and (max-width:767px){
    .bannerNewHome {background: #131440;/*background-image: url(../../image/bg-in2.jpg), url(../../image/bg-in1.jpg);*/ background-position: right bottom, left top; background-size: 170px 330px, 170px 330px; background-repeat: no-repeat;}
    .bannerNewHome.sectionWrap {padding-top:20px;}
    .bannerNewHome .logoWhite {height:50px;margin-bottom:30px;}
    .bannerNewHome .usersWrap.rgtBrdr { border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
    .bannerNewHome .usersWrap.rgtBrdr::after {display:none;}  
    .bannerNewHome .usersWrap .headingTTL1 {font-size:20px;}
    .bannerNewHome .usersWrap .headingTTL1::after { width: 40px;}  
    .bannerNewHome .usersWrap .headingTTL2 {font-size:50px;margin-top:5px;margin-bottom: 5px; line-height: 50px;}
    .bannerNewHome .usersWrap .ttl2paraText {font-size:20px;}
    .bannerNewHome .usersWrap .paraTxt {font-size:18px;min-height: initial; max-height: initial;padding:0;}
    .bannerNewHome .usersWrap .myBTN {font-size:16px;}
    .bannerNewHome .usersWrap .myBTN i {font-size:15px;margin-left:5px;}
    .profile-user {margin-top:8px;}
    .featurepara {font-size: 24px;}
     .featurepara {position:static;display:list-item;}
    .featurepara br {display:none;}
    .featurepara.text3, .featurepara.text4 {text-align:left;}
    .featuresAll{display:none;}
    .features1{height:auto; display: block;}
    .parafeature{margin-top:35px;}
 
    
   }
   /* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
   @media (min-width:320px) and (max-width:480px){
    .container {width:90%;}
    .mainNavbar .navbar {padding: 4px 0px;}
    .paraText {font-size: 14px;}
    .logoMain {height: 20px;}
    .mainNavbar .navbar-toggler {padding: 5px 10px;font-size: 16px;line-height: 1;background-color: #fff;border: 1px solid #FF1B6B;}
    .headings {font-size:30px;line-height: 38px;}
    .bannerWrap .bannerLeft {padding-top:0;margin-bottom: 40px;}
    .bannerWrap {margin-top: 50px;}
    .sectionWrap {padding-top: 30px;padding-bottom:30px;}
    .opinionBoxs { margin-bottom: 50px;box-shadow: 0px 0px 18px #c5c5c5;}
    .opinionBoxPara {font-size:14px;}
    .opinionLaptop {margin-top: 0;margin-bottom: 30px;}
    .motivateLeft {margin-top: 0;}
    .featuresAll {height: auto;}
    .featurepara {font-size: 14px;}
    .footerWrap {padding-bottom: 5px;}
    .footerWrap .socialWrap a {background:transparent;box-shadow: none;font-size: 24px; }
    .footerWrap .socialWrap a i {padding: 0 !important;}

    .bannerNewHome {background: #131440;/*background-image: url(../../image/bg-in2.jpg), url(../../image/bg-in1.jpg);*/ background-position: right bottom, left top; background-size: 170px 330px, 170px 330px; background-repeat: no-repeat;}
    .bannerNewHome.sectionWrap {padding-top:20px;}
    .bannerNewHome .hmContentCentr .para_txt {margin-left:0;font-size: 20px;}
    .bannerNewHome .logoWhite {height:50px;margin-bottom:10px;}
    .bannerNewHome .usersWrap.corporateWrap {margin:0 auto;}
    .bannerNewHome .usersWrap.rgtBrdr { border-bottom: 1px solid #fff; padding-bottom: 20px;margin:0 auto; margin-bottom: 20px;}
    .bannerNewHome .usersWrap.rgtBrdr::after {display:none;}  
    .bannerNewHome .usersWrap .headingTTL1 {font-size:20px;}
    .bannerNewHome .usersWrap .headingTTL1::after { width: 40px;}  
    .bannerNewHome .usersWrap .headingTTL2 {font-size:50px;margin-top:5px;margin-bottom: 5px; line-height: 50px;}
    .bannerNewHome .usersWrap .ttl2paraText {font-size:20px;}
    .bannerNewHome .usersWrap .paraTxt {font-size:18px;min-height: initial; max-height: initial;padding:0;}
    .bannerNewHome .usersWrap .myBTN {font-size:16px;}
    .bannerNewHome .usersWrap .myBTN i {font-size:15px;margin-left:5px;}

    .featurepara {position:static;display:list-item;}
    .featurepara br {display:none;}
    .featurepara.text3, .featurepara.text4 {text-align:left;}
    .featuresAll{display:none;}
    .features1{height:auto; display: block;}
    .parafeature{margin-top:35px;}
    }