@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:#666666; font-size: 17px; letter-spacing: 0.3px; line-height: 30px;}
/*.barlowFont {font-family: 'Barlow', sans-serif;}*/



/* common css */
.myBTN {color: #fff!important;background-color: #65A80C;border:1px solid #65A80C; padding: 8px 25px;border-radius:25px;}
.myBTN:hover, .myBTN:focus, .myBTN:active, .myBTN:not(:disabled):not(.disabled):active, .myBTN:not(:disabled):not(.disabled):active:focus {color: #65A80C!important;background-color: #fff;border:1px solid #65A80C; padding: 8px 25px;border-radius:25px;}
.myBTNH {color: #65A80C!important;background-color: #fff;border:1px solid #65A80C; padding: 8px 25px;border-radius:25px;}
.myBTNH:hover, .myBTNH:focus, .myBTNH:active, .myBTNH:not(:disabled):not(.disabled):active, .myBTNH:not(:disabled):not(.disabled):active:focus {color: #fff!important;border-color: #65A80C;background-color: #65A80C;outline:none;}

.relative {position:relative;}
.no-border {border: none;}
.dBlock{display:block;}
.width100 {width: 100%;}

/*ScrollBar*/
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar{width:12px;height:12px;background-color:#F5F5F5;border-radius:1px;}
::-webkit-scrollbar-thumb{background-color:#969696;border-radius:1px;}

/* Top Header */
.logo_main {height:60px;margin-left: -7px;} 
/*.mainHeader .header{background-color:#fff;padding:1px 0;box-shadow:0 0 5px #ccc;position:sticky;top:0;z-index:9999}
.mainHeader .header--shadow{background-color:#fff;padding:1px 0;box-shadow:0 2px 5px #ccc;margin-bottom:5px}
.mainHeader .header__navbar{padding-top:1px;padding-bottom:1px}
.mainHeader .header__navbar.bg-light{background-color:transparent}
.mainHeader .header__nav-link{color:#555;font-size:16px;margin:0 7px;font-weight:400;letter-spacing:.4px}
.mainHeader .header__nav-link--active,.mainHeader .header__nav-link:hover{color:#2a4a00}
.mainHeader .nav-link{color:#000;font-size:16px;margin:0 12px;position:relative;padding:8px 0;font-weight:400}
.mainHeader .nav-item:not(:last-child) .nav-link::after{content:"";width:1px;height:16px;background:#ccc;position:absolute;right:-12px;top:50%;transform:translateY(-50%)}
.mainHeader .nav-link:hover{color:#70bf08}
.mainHeader .nav-link:hover::before{width:100%}
.mainHeader .nav-link.active{color:#70bf08}
.mainHeader .nav-link.active::before{width:100%}
.mainHeader .nav-link::before{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#70bf08;transition:.3s ease}*/
/* Make entire header sticky + shadow */
.mainHeader {position: sticky;top: 0;z-index: 9999;background: #fff;box-shadow: 0 3px 10px #ebe5e5;}
.mainHeader .nav-link{color:#000;font-size:14px;margin:0 12px;position:relative;padding:3px 0;font-weight:400}
.mainHeader .nav-item:not(:last-child) .nav-link::after{content:"";width:1px;height:16px;background:#ccc;position:absolute;right:-12px;top:50%;transform:translateY(-50%)}
.mainHeader .nav-link:hover{color:#70bf08}
.mainHeader .nav-link:hover::before{width:100%}
.mainHeader .nav-link.active{color:#70bf08}
.mainHeader .nav-link.active::before{width:100%}
.mainHeader .nav-link::before{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:#70bf08;transition:.3s ease}

/* Banner Section */
.bannerWrap {background-image: url("../image/client/homeBG.png");background-size: contain;background-position: left;background-repeat: no-repeat;}
.bannerWrap .headings {color: #333333;text-align: left;font-size: 35px;line-height: 50px;font-weight: 600;letter-spacing: 1px;}
.bannerWrap .myBTN{margin-top:20px;}

/* PanelResearch */
.panelResearch{background-color:#F7F9FB;padding-top:60px;padding-bottom:60px;}
.panelResearch .panel-title-box {border: 4px solid #34c759;border-radius: 6px;padding: 2rem 2.2rem;height: 100%;
    display: flex;align-items: center;}
.panelResearch .headings {color: #333333;text-align: left;font-size: 30px;font-weight: 600;letter-spacing: 2px;}
.panelResearch .paraTXT {color: #706C6C;font-size: 18px;font-weight: 400;margin-bottom:0;}
.panelResearch .logo-marquee-wrapper{overflow:hidden;background:#fff;padding:25px 0;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.05);max-width:950px;margin:30px auto -30px;position:relative;z-index:10;left:60px}
.panelResearch .logo-marquee{display:flex;gap:60px;animation:scroll-left 50s linear infinite;white-space:nowrap}
.panelResearch .logo-marquee img{height:40px;object-fit:contain;opacity:.9;transition:.3s}
.panelResearch .logo-marquee img:hover{opacity:1;transform:scale(1.05)}
@keyframes scroll-left{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

/* Sample Filter */
.sampleWrap{background-image:url("../image/client/homeBG.png");background-size:contain;background-position:left;background-repeat:no-repeat;padding-top:60px;padding-bottom:60px}
.sampleWrap .headings{color:#333;text-align:left;font-size:36px;font-weight:600;letter-spacing:2px}
.sampleWrap .paraTXT{color:#706c6c;font-size:18px;font-weight:400;margin-bottom:0}
.sampleWrap .filter-card{margin-top:28px;background:#e7e7e7;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.06);padding:22px 26px}
.sampleWrap .filter-card .form-select{border-radius:8px;border-color:#e1e5eb;font-size:.95rem;padding-top:.55rem;padding-bottom:.55rem;margin-bottom:12px}
.sampleWrap .form-select:focus{box-shadow:none}
.sampleWrap .filter-result{display:flex;align-items:center;margin-top:20px;background:#f0fff5;border-radius:6px;padding:8px 16px}
.sampleWrap .filter-result .count-badge{font-size:34px;font-weight:700;color:#5ea813;margin-right:12px;text-shadow:1px 1px 3px #00000040}
.sampleWrap .filter-result span{font-size:.95rem;color:#4a5563}
.sampleWrap .filter-result span strong{font-weight:600}


/* Online panel research */
.onlinePanel{padding-top:60px;padding-bottom:60px;}
.onlinePanel .headings{color:#333;text-align:center;font-size:36px;font-weight:600;letter-spacing:1px}
.onlinePanel .paraTXT{color:#706c6c;font-size:18px;font-weight:400;margin-bottom:0}
/*.onlinePanel .feature-card {background: #FAFFF6;border-radius: 12px;padding: 18px 20px;display: flex;flex-direction: column;justify-content: space-between;min-height: 150px;}*/
.onlinePanel .feature-card img {max-width: 80px;align-self: flex-end;}
.onlinePanel .feature-card{background:#fafff6;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;transition:.3s ease;margin-bottom:20px;}
.onlinePanel .feature-card:hover{background-color:#5ea813;color:#fff}
.onlinePanel .feature-card:hover h5,.onlinePanel .feature-card:hover p{color:#fff!important}
.onlinePanel .feature-card1:hover h5,.onlinePanel .feature-card1:hover p{color:#fff!important}
.onlinePanel .featHead{color:#054E82;}
.onlinePanel .featpara{color:#706C6C;margin-bottom:0;font-size:14px;font-weight:400;line-height:24px;}
.onlinePanel .feature-card1{background:#fafff6;border-radius:12px;padding:18px 20px;transition:.3s ease;margin-bottom:20px;}
.onlinePanel .feature-card1:hover{background-color:#5ea813;color:#fff}

/* Trusted section */
.trustedWrap {background-image:url("../image/client/trustedBG.png");background-size:contain;background-position:left;background-repeat:no-repeat;padding-top:60px;padding-bottom:60px;position: relative;}
.trustedWrap .headings{color:#fff;text-align:left;font-size:30px;font-weight:500;letter-spacing:1px;margin-bottom:30px;}
.trustedWrap .trusted-title .icon{height: 50px;margin-right: 10px;}
.trustedWrap .trustedIMG img{position:absolute;top:-45px;}
.trustedWrap .trusted-number{font-size:26px;color:#fff;}
.trustedWrap .trusted-label{font-size:14px;color:#fff;}


/* Advantages of Panel Research */
.advantagesWrap{background-image:url("../image/client/advantageBG.png");background-size:cover;background-position:left;background-repeat:no-repeat;padding-top:60px;padding-bottom:60px;position:relative}
.advantagesWrap .headings{color:#333;text-align:center;font-size:36px;font-weight:600;letter-spacing:2px}
.advantagesWrap .paraTXT{color:#706c6c;font-size:18px;font-weight:400}
.advantagesWrap .adv-item{position:relative;margin-bottom:40px;padding-left:50px;padding-top:12px;}
.advantagesWrap .adv-item .adv-number img{position: absolute;left: 20px;top: -15px;width: 90px;z-index: 1;
pointer-events: none;}
.advantagesWrap .adv-text,.advantagesWrap .adv-title{position:relative;z-index:2}
.advantagesWrap .adv-title{font-size:16px;font-weight:700;color:#1f2933;margin-bottom:0px}
.advantagesWrap .adv-text{font-size:14px;color:#4b5563; line-height: 20px;}


/* Contact Us */
.contactWrap{background-color:#F7F9FB;padding-top:60px;padding-bottom:0;}
.contactWrap .headings{color:#333;text-align:left;font-size:36px;font-weight:600;letter-spacing:2px}
.contactWrap .paraTXT{color:#706c6c;font-size:18px;font-weight:400;margin-bottom:0}
.contactWrap .contact-input:focus {border-color: #5ea813;box-shadow: none;}
.errorMsg {font-size: 12px; position: absolute;line-height: 16px;}


/* Footer Section */
.footerWrap{background-color:#4c890d;padding-top:60px;padding-bottom:10px;color:#fff;background-image:url("../image/client/contactusBG.png");background-repeat:no-repeat;background-position:right bottom;background-size:30%;}
.footerWrap .headings{color:#fff;text-align:left;font-size:30px;font-weight:500;letter-spacing:2px}
.footerWrap .heading{color:#fff;text-align:left;font-size:20px;font-weight:500;letter-spacing:2px}
.footerWrap .paraTXT{color:#fff;font-size:14px;font-weight:400;margin-bottom:0}
.footerWrap a{color:#fff;text-decoration:none;font-size:14px;}
.footerWrap .footer-link{color:#fff;text-decoration:none;font-size:14px;transition:all linear .4s;}
.footerWrap .footer-link:hover{text-decoration:none;margin-left:5px;transition:all linear .4s;}
.footerWrap .footer-heading{font-size:14px;font-weight:600;margin-bottom:10px;}
.footerWrap .footer-text{font-size:14px;opacity:.9;}
.footerWrap .contact-email{margin:0px 0 16px;font-size:14px;}
.footerWrap .social-icons{display:flex;gap:10px;margin-top:8px;}
.footerWrap .social-icon{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:14px;transition:.2s;}
.footerWrap .social-icon:hover{background-color:#fff;color:#4caf1e;}
.footerWrap .footer-bottom{border-top:1px solid rgba(255,255,255,.5);margin-top:24px;padding-top:8px;font-size:14px;text-align:center;opacity:.9;}






/* ---------- 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) {
    .advantagesWrap .headings, .contactWrap .headings, .sampleWrap .headings, .onlinePanel .headings, .trustedWrap .headings, .panelResearch .headings {
        font-size: 24px;
    }
    .mainHeader .navbar-collapse {text-align:center;padding-bottom: 15px;position: absolute;left: 0;top: 60px;width: 100%;background-color: #f4fee7;}
    .dBlock {
        display: inline-block;
    }
/*    .panelResearch .logo-marquee-wrapper{display:none;}*/

    .bannerWrap .banner-content{margin-top:50px;margin-bottom:50px;text-align:center;}
    .bannerWrap .headings{font-size: 24px;line-height: 28px;text-align:center;}
    .panelResearch .panel-title-box {
        border: none;
        border-radius: 0;
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .panelResearch .headings {
        color: #333333;
        text-align: left; 
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }
    .trustedWrap {background:none;padding:0;}
    .trustedWrap .trustedIMG {text-align: center;margin-top:30px;}
    .trustedWrap .trustedIMG img {position: static; }
    .trustedWrap .headings, .trustedWrap .trusted-number,.trustedWrap .trusted-label {color:#333;}
    .trustedWrap .trusted-title .icon { 
        background-color: #4e9408;
        border-radius: 5px;
        padding: 5px;
    }
    .advantagesWrap{background-image:none;}

     
    .sampleWrap .paraTXT {
        font-size: 16px;
        line-height: 26px;
    }
    .sampleWrap .filter-card{margin-bottom:50px;}
    .onlinePanel .headings{text-align:left;}
    .onlinePanel .paraTXT{text-align:left;font-size:16px;line-height:26px;}
    .onlpnlIMG{margin-bottom:30px;}
    .panelResearch .logo-marquee {gap:40px;}
    .panelResearch .logo-marquee-wrapper {position:static;padding:15px 0; margin:0; margin-bottom:30px;}
    .panelResearch .logo-marquee img {height:25px;}
    .contactWrap { padding-top: 30px;padding-bottom:30px;}
    .footerWrap, .footerWrap .headings, .footerWrap .heading {text-align: center;}
    .footerWrap .social-icons {justify-content:center;}
}