@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 {background-color: #fff;border: none;color: #2A4A00;padding: 10px 40px;min-width: 100px; border-radius: 3px;font-size: 18px;margin:0 2px;font-weight: 600; border: 2px solid #70BF08;background: linear-gradient(to right, #70bf08 50%, white 50%); background-size: 200% 100%;background-position: right bottom;
  transition: all .5s ease-out;}
.myBTN:hover, .myBTN:focus, .myBTN:active  {background-color: #70BF08;border-color: #70BF08;color: #fff;box-shadow: 0px 0px 15px #dfdfdf;background-position: left bottom;}
.myBTN1 {background-color:#FFFFFF;border: none;color: #70BF08;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: #010101;border-color: #010101;color: #fff;box-shadow: 0px 0px 8px #010101;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.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:80px;margin-left: -7px;}
.mainHeader {background-color: #fff;padding: 1px 0;/*box-shadow: 0 0 5px #ccc;*/ 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:1px;padding-bottom:1px;}
.mainHeader .navbar.bg-light {background-color: transparent;}
.mainHeader .navbar-light .navbar-nav .nav-link {color: #555555;font-size: 16px; margin: 0 7px;font-weight: 400; letter-spacing: 0.4px;}
.mainHeader .navbar-light .navbar-nav .nav-link:hover, .mainHeader .navbar-light .navbar-nav .nav-link.active {color: #70BF08;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN {color: #2A4A00;padding: 9px 40px;font-weight: 600;}
.mainHeader .navbar-light .navbar-nav .nav-link.myBTN:hover, .mainHeader .navbar-light .navbar-nav .nav-link.myBTN:focus {color: #fff;}
.profileImg {margin-top:-10px;height: 38px;width: 38px;border-radius: 25px;box-shadow: 0px 0px 5px #c1c1c1;}

/* Banner */
.aboutusBG {background-image:url("../image/home/homebg.jpg"); 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/aboutBG.jpg");background-repeat: no-repeat;background-size: cover;background-position: center right;padding-top: 0px;padding-bottom: 50px;position:relative;}
.heading {position: relative;padding-left: 120px;color: #2A4A00;font-size: 50px;font-weight: 600;text-transform: uppercase;}
.heading:before {content: "";display: block;width: 90px;height: 15px;background: #508C01;left: 0;top: 39%;position: absolute;}
.aboutusBG .about-us-bg {position:relative;}
.aboutWrap {min-height:450px;position:relative;top:10%;}
.aboutLeftImg {position:absolute;z-index:99;}
.aboutText {background-color: #fff;padding: 35px 40px;border-top-right-radius: 60px;border-bottom-right-radius: 60px;padding-left: 80px;margin: 50px 0 0 -85px; /* vertical-align: baseline; */}
.aboutWrap {}

.aboutusbg .header{font-size: 40px;font-weight: 500;color: #70BF08;margin-top:50px;}

/*Why We*/
.whyBg {padding-top:90px;padding-bottom: 70px;margin-bottom:35px;margin-top:50px;}
.whyBg .header{font-size: 40px;font-weight: 500;color: #70BF08;}
.ppWhyWrapBox {padding: 0 100px;}
.ppWhyWrap {background-color:#e3f2ce;padding:80px 80px;border-radius: 60px;margin-right:50px;}
.ppWhyWrap:before {content: ""; display: block; width: 250px; height: 15px; background: #ffffff; left: 15%; bottom: 5%; position: absolute; transform: skew(20deg, -20deg); border-radius: 15px;}
.ppWhyWrap:after {content: "";   width: 0;height: 0;border-left: 180px solid transparent;border-right: 20px solid transparent;border-bottom: 50px solid #e3f2ce;border-top: 20px solid #f000;left:0;bottom: -4%;position: absolute;transform: skew(50deg, -20deg);}
.heading.whyHeadbg {background-color: #d4ecb4;height: 250px;width: 250px;border-radius: 50%;float: right;margin-right:-30px; margin-top: -90px; padding-left: 0;font-size:50px;text-align:center;position:relative;}
.heading.whyHeadbg .headTexts {position:absolute; top:50%;left:50%; transform:translate(-50%, -50%); width: 100%;}
.heading.whyHeadbg:before {left: inherit;top: 46%;right:-99px;width:100px;display:none;}

/* How it works */
.howBg {background-color: #f6f6f6; padding-top: 60px;padding-bottom: 70px;color: #000; }
.howBg .header{font-size: 40px;font-weight: 500;color: #70BF08;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: 400;font-size: 15px;line-height: 26px; min-height: 160px;}
.howImageA {display:block;}
.howImageB {display:none;}
.mediaBox {text-align: left;box-shadow: 4px 5px 10px #fff;border-radius: 8px;margin-top: 15px;background-image:linear-gradient(170deg, #427400, #70bf08);padding: 20px 20px;transition:all linear .5s;}
.mediaBox:hover {box-shadow: 10px 10px 25px #477d01;transition:all linear .2s;transform: scale(1.03);/*transform: skew(3deg, 0deg);*/}
.mediaBox img {height:50px;transition:all linear .7s;}
.mediaBox:hover img {transform:rotate(360deg);transition:all linear .5s;}
.rewardIMG img{height:80px;width: 100%;}

/* Offer & Gift */
.offerBg {padding-top: 40px;padding-bottom: 30px;}
.offerBg .header{font-size: 40px;font-weight: 500;color: #70BF08;}
.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 {}
.heading.giftH {width: 100%; text-align: right;padding-left: 0; padding-right: 120px;}
.heading.giftH:before {left:inherit;right:0;}

/* 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:#eef8e1;padding-top: 60px;padding-bottom: 35px;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:#404040;}
.footerWrap ul li a {color: #666;font-size:15px;font-weight: 400;}
.footerWrap ul li a:hover {color: #70BF08;text-decoration: none;}
.footerWrap ul li a img {height:35px; margin-top: -5px;margin-right: 5px;}
.footerLogo {height:80px;}
.footerWrap ul.socialIc li {display:inline-block;margin-right:10px;}
.footerWrap ul.socialIc li a {border:1px solid #919191;padding: 6px 8px; border-radius: 15px;color:#000;}
.footerWrap ul.socialIc li a:hover {background-color:#70BF08;color:#fff;border:1px solid #70BF08;}
.footerWrap ul.socialIc li a i {transition:all linear .7s;}
.footerWrap ul.socialIc li a:hover i {transform:rotate(360deg);transition:all linear .01s;}
.footerWrap ul.socialIc li a.fb {padding: 6px 11px;}
.footerWrap ul.socialIc li.iwinLogo a {padding: 4px 8px;}
.footerWrap ul.socialIc li.iwinLogo a:hover {background-color:#fff;}
.footerWrap ul.socialIc li.iwinLogo a img {height:25px;margin-right:0;margin-top:-3px;}
.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;}


.rightSocial{background-color:#ebf2e1;position:fixed;z-index:99900;max-width:60px;top:20%;right:0}
.rightSocial ul{padding:0;margin:0;padding-top:40px;padding-bottom:20px}
.rightSocial ul li{list-style:none;text-align:center;padding:1px 0;margin-bottom:20px}
.rightSocial ul li a{border:1px solid #919191;padding:6px 8px;border-radius:15px;color:#000}
.rightSocial ul li a:hover{background-color:#70bf08;color:#fff;border:1px solid #70bf08}
.rightSocial ul li a i{transition:all linear .7s}
.rightSocial ul li a:hover i{transform:rotate(360deg);transition:all linear .01s}

/* ---------- 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) {
    .headingMob {text-align: center; width: 100%;}
    .heading {font-size:40px; padding-left: 0;text-align:center;width:100%; margin-top: 20px;}
    .heading:before {display:none;}
    .aboutWrap {min-height: auto; top: 4%;}
    .aboutLeftImg {position: static;width:100%;}
    .aboutText {border-radius: 20px; padding: 20px 20px; margin: 0 auto; margin-top: 25px;}
    .logo_main { height: 75px;}
    .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 #70bf08;}
    .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;}
    .ppWhyWrapBox {padding: 0 15px;}
    .whyBg, .offerBg, .howBg {padding-bottom: 20px;padding-top: 30px;background-image:none;margin-top: 15px;}
    .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;}
    .heading.whyHeadbg {float:inherit;margin:0 auto;margin-bottom:30px;font-size:40px;}
    .ppWhyWrap {padding: 25px 30px;border-radius: 20px; margin: 0;}
    .ppWhyWrap:before, .ppWhyWrap:after {display:none;}
    .heading.giftH {padding:0;text-align:center;margin-bottom:30px;}

}