*{padding: 0; margin: 0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-weight:400;font-family: 'Poppins', sans-serif; font-size:14px;line-height:22px; color:#1D4B39;}
ul, li{list-style: none; margin:0px; padding:0px; }
a:hover{text-decoration: none;}
a {text-decoration: none}
html {scroll-behavior: smooth;}
.btn.focus, .btn:focus, .form-control:focus{outline: none;box-shadow: none}
.container{max-width:1092px; padding: 0 15px;}
header{ width: 100%; z-index:999; webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s; padding: 0px; top: 0px; position: fixed; left: 0px; transition: all 0.3s ease; padding: 25px 0px; }
header.stick{background-color:#FCF4E5; padding:22px 0px;}
header.stick .headLogo img{ width:165px; transition: all 0.3s ease;}
header.stick .headLogo .indexlogo{display: none;}
header.stick .aboutlogo {display: inline-block;}
.aboutheader header{ background-color: #FCF4E5;}
.aboutheader .indexlogo{display: none;}
.aboutlogo{display: none;}
.aboutheader .aboutlogo{display: inline-block;}
 header .container{max-width:1310px; padding: 0 15px;}
.full-nav{display: flex; align-items: center; }
.full-nav ul{display: flex; }
.full-nav ul li{padding: 0px 19px;}
.full-nav ul li a{display:block; color:#ffffff;font-size:14px;font-style: normal;font-weight:500;line-height: 23px;  transition: all 0.3s ease; text-transform: uppercase;}
.full-nav ul li a.active{color: #ffffff; position: relative; font-weight:700;}
.full-nav ul li a.active:after{position:absolute; border-bottom: 1px solid #ffffff; width: 100%; height: 1px; content:''; left: 0px;bottom:-6px; }
.full-nav ul li a:hover{color:#ffffff; position: relative;}
.full-nav ul li a:hover:after{position:absolute; border-bottom: 1px solid #ffffff; width: 100%; height: 1px; content:''; left: 0px;bottom:-6px; }
header.stick .full-nav ul li a{color:#0C7A34}
.aboutheader .full-nav ul li a{color: #1D4B39;}
.aboutheader .full-nav ul li a.active{color:#0C7A34}
.aboutheader .full-nav ul li a.active:after{border-bottom: 1px solid #0C7A34;}
.aboutheader .full-nav ul li a:hover:after{border-bottom: 1px solid #0C7A34;}
header.stick .full-nav ul li a.active{color: #0C7A34; position: relative; font-weight:700;}
header.stick .full-nav ul li a.active:after{position:absolute; border-bottom: 1px solid #0C7A34; width: 100%; height: 1px; content:''; left: 0px;bottom:-6px; }
header.stick .full-nav ul li a:hover{color:#0C7A34; position: relative;}
header.stick .full-nav ul li a:hover:after{position:absolute; border-bottom: 1px solid #0C7A34; width: 100%; height: 1px; content:''; left: 0px;bottom:-6px; }
.top-bg{background-image:url(../images/banner-bg.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color:#0C7A34;}
.registerbtn{border-radius: 50px;background-color:rgba(12, 122, 52, 1); white-space:nowrap; padding: 10px 16px; color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 14px; border: 1px solid rgba(12, 122, 52, 1); transition: all 0.3s ease;}
.registerbtn:hover{border:1px solid #ffffff; background-color: transparent; color: #ffffff;}
header.stick .registerbtn:hover{border:1px solid #0C7A34; background-color: transparent; color: #0C7A34;}
h1{font-size: 80px;font-style: normal;font-weight: 700;line-height: 85px;}
h1 span{background:linear-gradient(108deg, #FFF -2.84%, #D0B16D 56.57%);background-clip: text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.aboutheader .registerbtn:hover{border:1px solid #0C7A34;background-color: transparent;color: #0C7A34;}
  
.small-text{color: #FFF;font-size: 30px;font-weight: 700;line-height: 40px; padding-bottom:25px;}
.banner{padding:200px 0px 350px;}
.pairbutton{display: flex; margin-top: 55px;}
.formarbutton{border-radius: 50px;background-color: #0C7A34; display: block; width: fit-content;padding: 15px 90px 15px 30px; color: #FFF;font-size:16px;font-weight:500;line-height: 20px; position: relative; transition: all 0.3s ease;}
.pairbutton a.formarbutton:hover{background-color:#1D4B39;}

.formarbutton strong{font-size:20px;font-weight:700;}
.formarbutton:after{background-image:url(../images/arrow-right.svg); position: absolute; content: '';  right: 30px;top: 22px;  width: 27px; height: 12px; transition: transform 0.3s ease; }
.formarbutton:hover {color: #ffffff;}
.formarbutton:hover:after {transform: translateX(5px);}
.buye{border-radius: 50px;background-color: #ffffff; display: block; width: fit-content;padding:15px 87px 15px 30px; color: #0C7A34;font-size:16px;font-weight:500;line-height: 20px; position: relative;  transition: all 0.3s ease;}
.buye strong{font-size:20px;font-weight:700;}
.buye:after{background-image:url(../images/arrow-right-green.svg); position: absolute; content: '';  right:30px;top: 22px;  width: 27px; height: 12px; transition: all 0.3s ease;}
.buye:hover {color: #0C7A34;}
.buye:hover:after {transform: translateX(5px);}
.aboutlaw{ border-radius: 10px 10px 0px 0px;background: #FFF4E0;; margin-top:-200px; padding: 40px 32px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}
.aboutlaw .instant{ position: relative;}
.aboutlaw .instant:after{content: "";position: absolute;left: 0;bottom: 0;height:1px;width: 100%;
background: linear-gradient(90deg, rgba(29, 75, 57, 0.00) 0%, rgba(29, 75, 57, 0.20) 51.92%, rgba(29, 75, 57, 0.00) 100%);}
.aboutlaw .instant .insta-card{text-align: center; position: relative; margin-bottom: 50px;}
.aboutlaw .instant .insta-card p{font-size: 16px;font-weight: 700;line-height: 26px; padding-top:15px; }
.aboutlaw .instant .insta-card:after{content: "";position: absolute;bottom:-50px;right:-15px; width:1px;height: 72%;background: linear-gradient(270deg, rgba(29, 75, 57, 0.00) 0%, rgba(29, 75, 57, 0.20) 100%);}
.aboutlaw .instant .insta-card.lstchild.insta-card:after{display: none;}
.aboutlaw .homabout{ padding:70px  0px;}
.aboutlaw .homabout p{font-size: 16px;font-weight: 400;line-height: 30px;}
.aboutlaw .homabout .readMore{margin-top:30px;}
h2{font-size: 30px;font-weight: 700;line-height:40px;}
.howitwork{background-image: url(../images/howit-bg.webp); background-repeat: no-repeat;background-position: center center;
background-size: cover; padding-top: 96px; background-color:#0C7A34;}
.howitwork h2{color: #ffffff; text-align: center; margin-bottom: 40px;}
.readMore{border-radius: 50px; background: #0C7A34; color: #FFF;font-size: 14px;font-weight: 500; display: block; width: fit-content; padding: 10px 62px 10px 24px; position: relative;}
.readMore:after{background-image:url(../images/arrow-right.svg); position: absolute; content: '';  right: 24px;top: 16px;  width: 27px; height: 12px; transition: transform 0.3s ease;}
.readMore:hover{color: #ffffff; background-color:#1D4B39;}
.readMore:hover:after {transform:translateX(5px);}
.howitwork .stepwork .stepText{color: #FFF;font-size: 12px;font-weight: 600;line-height: 38px;text-transform: uppercase; margin:30px 0px 20px;}
.howitwork .stepwork p{color: #FFF;font-size: 20px;font-weight: 600;line-height: 28px;}
.howitwork .stepicon{position:relative;}
.howitwork .stepicon.curvedown:after{background-image:url(../images/curvarrow-down.svg); position: absolute; content: ''; right: -86px;top:44px;  width:156px; height:26px; }
.howitwork .stepicon.curveup:after{background-image: url(../images/curvarrow-up.svg);position: absolute;content: '';right: -86px;top: 20px;width: 156px;
height: 26px;}
.howitwork .readMore {margin: 30px auto 80px; }
.whylawa{border-radius: 10px 10px 0px 0px;background-color: #FFF4E0; padding:66px 53px 0px;}
.whylawa .whattext{color: #1D4B39;font-size: 14px;font-weight: 600;line-height: 40px;text-transform: uppercase;}
.howitwork .whylawa h2{color: #2B2B2B; text-align: left; margin: 4px 0px 36px;}
.howitwork .whylawa .readMore{text-transform: uppercase; margin-left: 0px}

footer{background-color:#252525; padding: 50px 0px;}
footer .container {max-width: 1310px; padding: 0 15px;}
footer h6{color: #FFF;font-size: 16px;font-weight: 600; margin-bottom: 19px;}
footer p{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height: 23px; margin-bottom: 14px;}
footer .readMore {margin-bottom: 12px; padding:10px 16px; transition: color 0.3s ease;}
footer .readMore img{transition: transform 0.3s ease;}
footer .readMore:hover img {transform: translateX(-8px);}
footer .readMore::after{display: none;}
footer .sitemap ul li a:hover{color:#ffffff}
footer .contantSec .callbtn a{color:#ffffff}
footer .sitemap ul {margin-top: -2px;}
footer .sitemap ul li a{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height: 31px;}
footer .contantSec{display: flex; margin-bottom: 3px;}
footer .contantSec .callbtn a{display: flex; margin-right:40px;}
footer .contantSec .callbtn a img{margin-right: 16px; margin-top: 5px;}
footer .contantSec .callbtn p{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height:22px;} 
footer .contantSec .callbtn p strong{font-weight: 600;}
footer .contantSec .callbtn a:hover p{ color: #ffffff;}
footer .contantSec .callbtn img {margin-right: 13px;}
footer .contantSec .callbtn.emailsec img{margin-right:23px;}
footer .contantSec .callbtn.emailsec{margin-bottom:8px;}
footer .address .readMore {padding: 16px 31px;font-size: 16px;font-style: normal;font-weight: 700; margin-bottom:60px;}
footer .socialIcon{margin-left: 329px;}
footer .socialIcon img{ margin-right: 12px;}
footer .copyright{border-top:1px solid rgba(255, 255, 255, 0.13); padding-top:31px; margin-top:54px;} 
footer .copyright p{color: rgba(255, 255, 255, 0.57);font-size: 14px;font-weight: 400;line-height: 22px; margin-bottom:5px;}
.about-lawa-farms{background-image:url(../images/about-lawa-farms.webp);background-repeat: no-repeat;background-position: center center;background-size: cover; margin-top:100px; padding: 81px 0px; background-color:#0C7A34;}
.about-lawa-farms h1{font-size: 46px;font-weight: 700;line-height: 60px;}
.about-lawa-farms h1 span{background: linear-gradient(108deg, #FFF -2.84%, #D0B16D 56.57%);background-clip: text;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.submenu{background-color:#8AA88F;}
.aboutlow{display:flex; align-items: center; justify-content: center; }
.submenu ul{display: flex; }
.submenu ul li a{color: #1D4B39; font-size: 14px;font-weight: 500;text-transform:uppercase;padding: 19px 36px; display: block;}
.submenu ul li a.active{background-color: #0C7A34; color: #ffffff; font-weight:700;}
.submenu ul li a:hover{color:#ffffff}
.aboutlow h2{margin-bottom: 0px; background: linear-gradient(100deg, #1D4B39 32.55%, #0C7A34 62.64%);background-clip: text;
-webkit-background-clip: text;-webkit-text-fill-color: transparent; opacity:0; display: none;}
.submenu.stick2{position:fixed; top:0px; width: 100%; left: 0px; z-index: 9;}
.submenu.stick2 .aboutlow h2{opacity: 1; display:inline;}
.submenu.stick2 .aboutlow{justify-content: space-between}
.h1{font-size: 46px;  font-weight: 700;line-height: 60px;}
.h1 span{background: linear-gradient(100deg, #1D4B39 32.55%, #0C7A34 62.64%);
background-clip: text;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.traditional{padding: 70px 0px 54px; background-color: #FCF4E5;}
.traditional .mt-5{margin-top: 43px!important;}
.traditional img{border-radius: 10px;}
.traditional .bgreeen{background: linear-gradient(180deg, rgba(29, 75, 57, 0.00) 0%, #1D4B39 38.06%); border-radius: 0px 0px 10px 10px; padding: 141px 48px 11px; margin-top: -300px;}


.traditional .bgreeen p{padding:0px 0px 26px;text-align: center; color: #FFF;font-size: 16px;font-weight: 400;line-height: 28px; margin-bottom: 0px;}
.traditional .mt-24{margin-top: 24px;}
.traditional .lawamottoimg .card{border:none; background-color: transparent;}
.traditional .lawamottoimg .bgdark{border-radius: 0px 0px 10px 10px;background-color:#0C7A34; padding:32px 30px 40px 40px; text-align: left;}
.traditional .lowmototext .card{border-radius: 10px;border: 1.5px solid #1D4B39; height: 100%; background-color: transparent; justify-content: center;}
.traditional .lawamottoimg .card img{ border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.traditional .lawamottoimg .bgdark h2{color:#FFF; margin-bottom:6px;}
.traditional .lawamottoimg .bgdark p{color:#FFF;font-size: 16px;font-weight: 400;line-height: 28px;}
.traditional .lowmototext .card h6{color: #1D4B39;font-size: 18px;font-weight: 700;line-height: 28px; margin-bottom: 31px;}
.traditional .lowmototext .card p{color: #1D4B39;font-size: 30px;font-style: italic;font-weight: 400;line-height: 46px; margin-bottom: 0px;}
.traditional .h1{color: #252525;}
.whywe{padding: 70px 0px;background-color: #FCF4E5;}
.whywe p{color: #393939;font-size: 16px;font-weight: 400;line-height: 30px; margin-bottom:30px;}
.whywe .h1{color: #252525;}
.disconnect .h1 span{background: linear-gradient(100deg, #FFF 32.55%, #97E1B2 62.64%);background-clip: text;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.disconnect h4{color: #FFF;text-align: center;font-size: 24px;font-weight: 700;line-height: 40px; margin-bottom: 40px;}
.disconnect .smtext{color: #FFF;text-align: center;font-size: 16px;font-weight: 400;line-height: 24px; margin:15px 0px 10px;}
.disconnect .h1{color: #FFF; text-align: center; margin-bottom: 50px;}
.disconnect{background-color:#0C7A34;background-image: url(../images/discount.webp);background-repeat: no-repeat;background-size: cover;background-position: center; padding: 66px 0px 55px;}
.disconnect .card{border: 0px;padding: 30px 26px 14px;border-radius: 6px;text-align: center; height: 100%;}
.disconnect .card.box1{background-color: #2C9B5E; }
.disconnect .card .icon{text-align: center;}
.disconnect .card h2{ color: #ffffff; margin: 30px 0px 25px;}
.disconnect .card p{color: #FFF;font-size: 20px;font-weight: 600;line-height: 28px;}
.disconnect .card.box2 {background-color: #70AA42;}
.disconnect .card.box3 {background-color: #D0B16D;}
.whatweSolve{padding: 70px 0px;background-color: #FCF4E5;}
.whatweSolve .firstfold .h1{text-align: center; margin-bottom:21px;}
.whatweSolve .firstfold p{color: #393939;text-align: center;font-size: 16px;font-weight: 400;line-height:30px;}
.whatweSolve .farmers{margin-top: 40px;}
.whatweSolve .farmers.socinfom {margin-top:5px;}
.whatweSolve .farmers .leftbig img{ border-radius: 10px 0px 0px 10px;}
.whatweSolve .farmers .card{border-radius: 0px 10px 10px 0px;background: #0C7A34; border:0px; height: 100%; padding: 40px 30px 30px 40px; margin-left: -1px;
margin-right: -1px;}
.whatweSolve .farmers .card h4{color: #FFF;font-size: 26px;font-weight: 600;line-height: 24px;}
.whatweSolve .farmers .card .garding{display: flex; margin-top:25px;}
.whatweSolve .farmers .card .garding .formetext{padding-left: 15px;margin-top: -7px;width: 80%;}
.whatweSolve .farmers .card .garding .formetext h6{color: #FFF;font-size: 18px;font-weight: 600;line-height: 28px;}
.whatweSolve .farmers .card .garding .formetext p{color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom:3px;}
.whatweSolve .farmers.socinfom .card{border-radius: 10px 0px 0px 10px;background: #1D4B39; }
.whatweSolve .farmers.socinfom .leftbig img {border-radius: 0px 10px 10px 0px;}
.whatweSolve .farmers.socinfom .card .garding{ margin-top:32px;}
.about-lawa-farms.howitwork {background-image: url(../images/how-it-work-bg.webp);background-repeat: no-repeat;background-position: center center;
  background-size: cover;margin-top:100px;padding: 81px 0px 340px; background-color:#0C7A34;}
.simple{background-color:#FCF4E5;}
.simple .sipt{background-color:#FCF4E5; margin-top:-260px; border-radius: 10px 10px 0px 0px; padding: 50px 20px 60px; text-align: center;}
.simple .sipt .headtop p{color: #393939;font-size: 16px;font-weight: 400;line-height: 30px; margin-top: 30px;}
.buyesandbtn{border-radius: 6px;border: 1px solid #0C7A34;display: flex;justify-content: center;width: fit-content; margin: 50px auto 0px;}

.buyesandbtn a{padding:10px 36px; display: inline-block; color: #000;font-size: 16px;font-weight: 500;}
.buyesandbtn a.active{background: #0C7A34; color:#ffffff}
.buyesandbtn a:hover{background: #0C7A34;color:#ffffff}
.forformaer{background-color:#FCF4E5;}
.forformaer h3{color: #1D4B39;font-size: 36px;font-weight: 700;line-height: 24px; text-align: center; margin-bottom:20px;}
.forformaer h4{text-align: center; color: #1D4B39;font-size: 24px;font-weight: 400;line-height: 40px; margin-bottom: 50px;}
.steptext{color: #0C7A34;font-size: 12px;font-weight: 600;line-height:20px;text-transform: uppercase; margin-bottom:8px;}
.forformaer h6{color: #1D4B39;font-size: 18px;font-weight: 600;line-height: 28.8px;}
.forformaer ul li{position: relative; padding-left: 30px; color: #393939;font-size: 16px;font-weight: 400;line-height: 26px; padding-bottom:9px;}
.forformaer ul li::before{background-image:url(../images/tickarrwo.svg); position: absolute; content: '';left:0px;top:6px;width:15px;height:16px; background-repeat: no-repeat;}
.forformaer .mt-40{margin-top:28px;}
.bggreen{border-radius: 10px 10px 0px 0px;background: #0C7A34; padding:50px 40px; margin-top:59px;}

.forformaer .bggreen h3{color: #ffffff;}
.forformaer .bggreen h4{ color: #ffffff;}
.forformaer .bggreen .steptext {color: #ffffff;}
.forformaer .bggreen h6{color: #ffffff;}
.forformaer .bggreen ul li{position: relative; padding-left: 30px; color: #ffffff;font-size: 16px;font-weight: 400;line-height: 26px; padding-bottom:9px;}
.forformaer .bggreen ul li::before{background-image:url(../images/tickarrwo-white.svg); position: absolute; content: '';left:0px;top:6px;width:15px;height:16px; background-repeat: no-repeat;}
.platform{background-image:url(../images/platform-bg.webp); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 110px 0px 90px; background-color:#0C7A34;}
.platform h4{color: #70AA42;text-align: center;font-size: 24px;font-weight: 700;}
.platform h2{color: #FFF;text-align: center;font-size: 36px;font-weight: 700;line-height: 44px; margin-top:15px; margin-bottom: 50px;}
.platform .card{border-radius: 10px;background: #70AA42; padding: 35px 30px 30px; height: 100%;}
.platform .card .formsbox{display: flex;justify-content: space-between;} 
.platform .card .hedingtop{color: #FFF;font-size: 26px;font-weight: 600;line-height: 24px; margin-bottom:27px;}
.platform .card ul li{color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px; position: relative; padding:0px 0px 11px 25px;}
.platform .card ul li:before{ width: 7px; height: 7px; border-radius: 100px; background-color:#ffffff; position: absolute; left: 0px; top:8px; content: ''; }
.platform .card.darkbg{background-color:#2C9B5E;}
.system-difrent h3{color: #70AA42;font-size:24px;font-weight: 700; }
.system-difrent h2{color: #1D4B39;font-size: 36px;font-weight: 700;line-height: 44px;}
.system-difrent{background-color:#FCF4E5; padding-top:80px;}
.system-difrent .card{border: 0px; background-color:#1D4B39; padding: 40px 40px 80px 40px; border-radius:0px; height: 100%;}
.system-difrent .card h4{color: #FFF;font-size: 22px;font-weight:600;line-height: 30px; margin-bottom: 20px;}
.system-difrent .card ul li{color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px; position: relative; padding:0px 0px 20px 20px;}
.system-difrent .card ul li:before{ width:7px;height:7px;border-radius: 100px;background-color:#ffffff;position:absolute;left: 0px; top:8px; content: ''; }
.system-difrent .maksour{padding-left: 40px; padding-top:52px; padding-bottom:26px;}
.system-difrent .card.bg-green{border-radius: 0 10px 0 0;background-color:#0C7A34;}
.system-difrent .card.bg-green ul li{padding-left:26px;}
.system-difrent .card.bg-green ul li::before{background-image:url(../images/tickarrwo-white.svg); position: absolute; content: '';left:0px;top:6px;width:15px;height:16px; background-repeat: no-repeat; background-color: transparent;}
.produce{background-color:#FCF4E5; padding: 60px 0px 80px;}
.produce .h1{margin-bottom:15px; color: #252525;}
.produce .intortext p{color: #393939;font-size: 16px;font-weight: 400;line-height: 30px;}
.produce .producimg{ margin:49px 0px 60px;}
.produce .producimg img{border-radius: 15px;}
.produce h3{color: #1D4B39;font-size: 34px;font-weight: 700;line-height: 48px;}
.produce h4{color: #0C7A34;font-size: 26px;font-weight: 600;line-height: 24px; margin-bottom:20px;}
.produce ul li{color:#1D4B39;font-size: 16px;font-weight: 400;line-height: 24px; position: relative; padding:0px 0px 20px 35px;}
.produce ul li::before{background-image:url(../images/greentick.svg); position: absolute; content: '';left:0px;top:6px;width:15px;height:16px; background-repeat: no-repeat; background-color: transparent;}
.produce ul{margin-top: 50px;}
.bandhan{  padding: 80px 0px; background-color:#0C7A34;}
.bandhan .hedtext h4{color: #70AA42;font-size: 14px;font-weight: 600;line-height: 40px;
text-transform: uppercase; margin-bottom:17px;}
.bandhan .hedtext h3{color: #FFF;font-size: 36px;font-weight: 700;line-height: 44px; margin-bottom:40px;}
.bandhan .card{padding: 24px 0px 0px; border: 0px;  border-radius: 10px; margin-bottom: 24px; } 
.bandhan .card h4{color: #1D4B39;font-size: 26px;font-weight: 600;line-height: 24px;  margin-bottom: 20px;}
.bandhan .card .table-light2{background-color:#0D9E58;}
.bandhan .card .table-light2 th{padding: 0px;}
.bandhan .card .table-light2 th p {color: #FFF;font-size: 20px;font-weight: 600;line-height: 24px; padding:16px 30px; margin-bottom: 0px;}
.bandhan .card .table-light2 th:first-child{ border-right:0px; width: 20%; }
.bandhan .card .table td{padding: 0px ; margin: 0px; width: 60%; vertical-align: middle;}
.bandhan .card .table td p {color: #1D4B39;font-size: 16px;font-weight: 400;line-height: 28px; padding:16px 30px; margin-bottom: 0px;}
.bandhan .card .table td:last-child p{color: #FFF;}
.bandhan .card .table td p strong{font-weight: 700;}
.bandhan .card .table td:first-child{ border-right: 0; width: 20%;}
.bandhan .card .table .lstchild td{border-bottom: 0px;}
.bandhan .card .table{margin-bottom: 0px;}
.bandhan .bggreen{border-radius: 10px;background: #0C7A34; padding:0px; margin-top: 0px;}
.bandhan .bggreen .card{margin:0px; padding:0px; }

.bandhan .readMore{background-color: #1D4B39;}
.bandhan .mt-40b{margin-top: 40px;}
.bandhan .card .table td.boradius{border-bottom-right-radius:10px;}


.bandhan .bggreen  h4{color: #FFF;;font-size: 24px;font-weight: 700;line-height: normal; margin-bottom:20px; text-align: center;}
.bandhan .bggreen  h3{color: #FFF;font-size: 36px;font-weight: 700;line-height: 44px; margin-bottom:50px; text-align: center;}
.bandhan .bggreen tr th:first-child{border-top-left-radius: 10px;}
.bandhan .bggreen .card .table-light2 tr th:last-child{border-top-right-radius: 10px; background-color: #113225;}
.bandhan .bggreen .card .table-light2 {background: #1D4B39; }
.bandhan .bggreen .card .table-light2 tr th p { padding:20px 30px;}
.bandhan .bggreen .card tr td{width:25%;}
.bandhan .card .table-light2 th{ border-right: 0px; border-bottom: 0px; }
.bandhan .card .table td{ border-right: 0px}
.bandhan .card  td:last-child{border-right: 0px;}
.bandhan .card .table-light2 th:last-child{border-right: 0px;}
.bandhan .bggreen .card tr td:last-child { background-color:#113225;}
.bandhan .bggreen .card table thead{border-bottom: 0px;}
.bandhan .bggreen .card table tr{ border: 0px; border-color:#e5e5e5} 
.industrial{background-color:#FCF4E5;padding:70px 0px;}
.industrial  h4{color: #0C7A34;text-align: center;font-size: 26px;font-style: normal;font-weight: 600;line-height: 24px; margin-bottom: 30px;}
.industrial h3{color: #1D4B39;font-size: 34px;font-style: normal;font-weight: 700;line-height: 48px; margin-bottom: 40px;}
.industrial ul li{color:#1D4B39;font-size: 16px;font-weight: 400;line-height: 24px; position: relative; padding:0px 0px 20px 35px;}
.industrial ul li::before{background-image:url(../images/greentick.svg); position: absolute; content: '';left:0px;top:6px;width:15px;height:16px; background-repeat: no-repeat; background-color: transparent;}
.industrial .readMore{margin: 0px auto; width: fit-content; margin-top: 30px;}

.faqsAske{background-color: #FCF4E5; padding: 60px 0px;}
.faqsAske h3{color: #0B7D3F;font-size: 24px;font-weight: 700;line-height: 40px; margin-bottom:20px;}
.faqsAske .parent{border-radius: 10px;border:0px;padding: 30px;}
.faqsAske .parent.done{background: #E0E9BA;}
.faqsAske .childs{margin-bottom:25px;}
.faqsAske .childs:last-child{margin-bottom:0px;}
.faqsAske .childs.active{transition: all 0.35s ease-in-out;}
.faqsAske .childs.active .clicks{margin-bottom: 15px;}
.faqsAske .childs a{color: #1E2329;font-size: 16px;font-weight: 600;line-height: 27px;display: block;position:relative;padding-right:20px;}
.faqsAske .childs a:after{background-image: url(../images/plus-icon.svg);content: '';width:20px; height:20px;  transition: .5s; background-size:16px auto; top:5px;position: absolute; right: 0;background-repeat:no-repeat;background-position: center;}
.faqsAske .childs.active a:after{background-image: url(../images/minus-icon.svg);}
.faqsAske .childs p{color: #1E2329;font-size: 14px;font-weight: 400;line-height: 27px;display:none;opacity: 0; transition: .5s; } 
.faqsAske .childs p:last-child{margin-bottom:0px;}
.faqsAske .childs.active p{display:block; opacity: 1;}

.contact-sec {padding: 60px 0 80px; background-color: #FCF4E5;}
.contact-sec .pd-top {padding-top: 80px;}
.contact-sec .address h3{color: #1D4B39;font-size: 26px;font-style: normal;font-weight: 600;line-height: 24px; }
.contact-sec .address p{color: #1D4B39;font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px;}
.contact-sec .call-info a{color: #1D4B39;font-size: 16px;font-style: normal;font-weight: 400;line-height: 31px; }
.contact-sec .call-info a strong {font-weight: 600;}
.contact-sec .call-info img {margin-top: 8px; margin-right: 14px;}
.contact-sec .call-info.colwhatsup img {margin-top: 0px; margin-right: 14px;}

.contact-sec .user-query {border-radius: 10px;padding: 40px 29px;background-color: #FFF; margin-top: -144px;}
.contact-sec .user-query h4 {color: #1D4B39;font-size: 24px;font-style: normal;font-weight: 700;line-height: 24px;}
.contact-sec .user-query p{color: #111921;font-size: 12px;font-style: normal;font-weight: 400;line-height: 24px; }
.contact-sec .user-query input.form-control {border-radius: 50px;border: 1px solid #E0E0E0;background-color: #FFF; height: 53px; padding: 16px 30px;}
.contact-sec .user-query .form-control::placeholder {color: #525252;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
.contact-sec .user-query .form-control::-ms-input-placeholder {color: #525252;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
.contact-sec .user-query textarea {border-radius: 20px;border: 1px solid #E0E0E0;background-color: #FFF; padding: 16px 30px;}
.contact-sec .user-query .btn-submit {background-color: #0C7A34; border-radius: 50px; padding: 10.5px 37px; font-weight: 500; font-size: 20px; line-height: 40px;text-transform: uppercase; color: #FFFFFF;   transition: 0.5s; }
.contact-sec .user-query .btn-submit:hover {background-color: #1D4B39;}  
.contact-sec .user-query .btn-submit:hover img { transform: translateX(4px); } 
.contact-sec .user-query .btn-submit .ml-2 {margin-left: 10px;transition: transform 0.3s ease-out;}
.map-area img{border-radius: 10px; border: 1px solid #1D4B39;}
.topbg{border-radius: 10px 10px 0 0;background: #8AA88F; padding:14px 30px;}
.whylawa  h5{color: #FFF;font-size: 20px;font-weight: 600;line-height:28px; text-align: center; margin-bottom: 0px;}
.whylawa .problem{padding-top: 30px}
.whylawa .problem .card{border: 0px; background-color: rgba(44, 155, 94, 0.21); height:100%;  border-radius: 10px 10px 0px 0px; ;}
.whylawa .card .bottombg{ padding:0px 30px; } 
.whylawa .card .delytext p{color: #1D4B39;text-align: center;font-size: 18px;font-weight: 500; line-height: 30px; margin-bottom: 0px;}
.whylawa .card .delytext{border-bottom: 1px solid rgba(29, 75, 57, 0.12); padding: 21px 0px;}
.whylawa .card .delytext.mbnone{border-bottom: 0px}
.whylawa .solution .card{border: 0px;background-color: #0C7A34; height: 100%; border-radius: 10px 10px 0px 0px;}
.whylawa .solution .card .topbg{border-radius: 10px 10px 0 0;background-color: #1D4B39; padding:16px 30px;}
.whylawa .solution .card .bottombg{ padding:0px 21px; } 
.whylawa .solution .card .delytext p{color: #ffffff;text-align: center;font-size:16px;font-weight: 500; line-height:26px; margin-bottom: 0px;}
.whylawa .solution .card .delytext{border-bottom: 1px solid rgba(255, 255, 255, 0.50); padding: 21px 0px;}
.whylawa .solution .card .delytext p strong{font-weight: 700; margin-bottom: 15px; display: block; font-size: 18px;}
.whylawa .solution .card .delytext.mbnone{border-bottom: 0px}
.whylawa .solution .card .delytext.active{border-radius: 10px;background: #1D4B39; padding:10px; margin-bottom:30px;}
.whylawa .card .delytext{position: relative;}
.whylawa .card .delytext .arroicon{position: absolute;right: -63px;top: 13px;z-index: 99;}

.faqsAske .childs a.readMore{color: #ffffff; padding: 10px 62px 10px 24px; font-size: 14px; font-weight: 500;}
.faqsAske .childs a.readMore:after {background-image: url(../images/arrow-right.svg);position: absolute;content: '';right: 18px;
top: 18px;width: 27px; height: 12px;transition: transform 0.3s ease; background-size:100%;}
.modal-backdrop{background: rgba(29, 75, 57, 0.90);}
#bookdemo.modal .modal-body{max-width:520px;padding: 27px 29px;}
#bookdemo  .modal-title{text-align:left;color: #1D4B39;font-size: 24px;font-weight: 700;line-height: 24px;margin-bottom:10px;} 
#bookdemo .modalForm p{color: #111921;text-align:left;font-size: 12px;font-weight: 400;line-height: 24px;}
#bookdemo .form-control{border-radius: 50px;border: 1px solid #E0E0E0;background: #FFF;display: flex;padding: 16px 30px;align-items: center;gap: 10px;flex: 1 0 0;color: #525252;font-size: 14px;
font-weight: 400;line-height: normal;}
#bookdemo textarea.form-control{border-radius: 20px;}
#bookdemo .btn-submit {background-color: #0C7A34; border-radius: 50px; padding:14px 40px; color: #FFFFFF; font-size: 18px;font-weight: 700;line-height: 32px;  transition: 0.5s; margin-top: 20px; display: block;width: fit-content;}
#bookdemo .btn-submit:hover {background-color: #1D4B39;}  
#bookdemo .btn-submit:hover img { transform: translateX(4px); } 
#bookdemo .btn-submit .ml-2 {margin-left: 10px;transition: transform 0.3s ease-out;}
#bookdemo  .modalThankyou p{color: #525252;text-align: center;font-size: 14px;font-weight: 400;line-height: normal;margin-bottom:0px;}
#bookdemo  .modalThankyou figure{padding:16px 0px 40px;margin-bottom:0px;}
.mapsize{width: 100%; height: 450px; border-radius: 10px;border: 1px solid #1D4B39;}
.errotext{font-size: 12px; color:#FF0000; line-height: 14px;display: block; position: absolute; left: 20px;bottom: -18px;}
#query_form_thankyou{padding:20px ; background-color: #ffffff; border-radius: 10px;}
.submenu.stick2.showDeader{top:79px; transition: all 0.3s ease;}
#bookdemo .modal-title.thaktext{text-align: center;}
.callAction .readMore{font-weight: 400;}
.imgrigt{margin-top: 24px; }
.mrm-2{margin-right: -5px;}
.mobillogo{display:none;}

.gradint-text{color: #FFF;font-size: 20px;font-weight:700;line-height: 28px; background: linear-gradient(108deg, #FFF -2.84%, #D0B16D 56.57%);
background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color: transparent;padding: 22px 0px 42px;}

.redeem{background-color:#FCF4E5; padding:90px 0px 100px;}
.redeem .whattext {color: #1D4B39;font-size: 14px;font-weight: 600;line-height: 40px;
  text-transform: uppercase; margin-bottom: 5px;}
.redeem h2{ color:#2B2B2B; font-size: 30px;font-weight: 700;}
.redeem .celebrate p{color: #1D4B39;font-size: 16px;font-weight: 400;line-height: 30px;} 
.redeem .card{border-radius: 10px;background: #E0E9BA; padding: 40px 34px; border: 0px; text-align: center; height: 100%;}
.redeem .mt-83{margin-top:83px;}
.redeem .card  .redeem-icon{margin-bottom:15px;}
.redeem .card p{color: #1D4B39;font-size: 16px;font-weight: 700;line-height: 26px; margin-bottom: 0px;}
.redeem .readMore{margin:16px auto 0px;}
.disconnect h3{color: #FFF; text-align: center;font-size: 24px;font-weight: 700;line-height: 40px; margin-bottom:45px;}
.disconnect h5{color: #FFF;text-align: center;font-size: 16px;font-weight: 400;line-height: 24px; margin: 20px 0px 4px;}
.whatweSolve .h1{color: #252525;}

.blockchane { border-radius: 10px;background: #E0E9BA; padding:18px 24px 4px; margin-top:37px;}
.blockchane  p{color: #1D4B39; font-size: 16px; font-weight: 400;line-height: 26px;}
.bandhan .readMore{margin: 0px auto;}

.faqbg{background-image:url(../images/faq.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 80px 0px; background-color:#0C7A34;}
.faqbg h3{color: #FFF;font-size: 36px;font-weight: 600;line-height: 50px;}
.faqbg p{ color: #FFF;font-size: 16px;font-weight: 400;line-height: 30px; margin-bottom: 0px;}
.faqbg p strong{font-weight: 700;}
.harvest{padding: 72px 0px 80px; background: #FCF4E5;}
.harvest .h1{color: #1E2329;font-size: 36px;font-weight: 700;line-height: 50px; margin-bottom:45px;}
.harvest h2{color: #1D4B39;font-size: 26px;font-weight: 700;line-height:36px; margin-bottom: 22px;}

.farmerJourney .card{border-radius: 10px;background: #E0E9BA; padding:35px 15px 30px; border: 0px; text-align: center; height: 100%;}
.farmerJourney .card  .redeem-icon{margin-bottom:15px;}
.farmerJourney .card p{color: #1D4B39;font-size: 16px;font-weight: 400;line-height: 26px; margin-bottom: 0px;}
.farmerJourney .card p strong{ font-weight: 700; margin-bottom:10px; display: block;}

 .readMore.borderbtn{background: transparent; border-radius: 50px; border: 1px solid #0C7A34; color: #0C7A34; margin-left: 25px;}
.readMore.borderbtn:after{background-image:url(../images/arrow-right-green.svg); position: absolute; content: '';  right:30px;top: 16px;  width: 27px; height: 12px; transition: all 0.3s ease;}

.earnGrow{background-color: #0C7A34; padding: 72px 0px;}
.earnGrow h4{color: #FFF;font-size: 14px;font-weight: 600;line-height:24px;text-transform: uppercase; margin-bottom:15px;}
.earnGrow h2{color: #FFF;font-size: 36px;font-weight: 700;line-height:40px; margin-bottom:24px;}
.earnGrow .badescirip p{color: #FFF;font-size: 16px;font-weight: 400;line-height: 30px;}
.earnGrow .badescirip .readMore{background-color:#1D4B39; margin-top:35px;}
.earnGrow .keyfeatus h5{color: #FFF;font-size: 14px;font-weight: 600;line-height: 30px; margin-bottom: 20px;}
.earnGrow .keyfeatus ul li{border-radius: 10px; background: #E0E9BA; padding: 14px 8px 14px 66px; color: #1D4B39;font-size: 16px;font-weight: 400;line-height: 26px; position: relative; margin-bottom: 16px;}
.earnGrow .keyfeatus ul li::before{background-image:url(../images/round-icon.svg); position: absolute; content: ''; left:16px;top:10px;  width:32px; height: 32px;  }
.scoring{ padding: 80px 0px; background-color: #FCF4E5; display: none;}
.scoring h5{color: #0C7A34;font-size: 14px;font-weight: 600;line-height: 40px;text-transform: uppercase;}

.custom-table {border-collapse: separate;border-spacing: 0;background: #FAF2E7;width: 100%; }
.custom-table thead th {  background-color: #164E3A;color:#ffffff;font-weight: 600;padding: 14px;
  border: none !important;font-size: 16px;}
.custom-table td {padding:16px;color: #393939;font-size: 16px;font-weight: 400;line-height: 30px;
border-top: 1px solid #1D4B39;  }
.custom-table tr:last-child td {border-bottom: 1px solid #1D4B39; }
.custom-table tbody tr:nth-child(even) {background: #F7EDDF;}
.custom-table thead th:first-child {border-top-left-radius:10px;} 
.custom-table thead th:last-child {border-top-right-radius:10px;}
.custom-table td:first-child {border-left: 1px solid #1D4B39; }
.custom-table td:last-child {border-right: 1px solid #1D4B39; }
.custom-table  td.last40 {border-bottom-left-radius:10px;} 
.custom-table  td.last80 {border-bottom-right-radius:10px;}
.scoring p{color: #393939;font-size: 16px;font-weight:400;line-height: 30px; text-align: center; margin-top: 15px;}
.scoring p strong{font-weight: 700;}
.progressRedm{  padding: 81px 0px 0px; background: #FCF4E5;}
.progressRedm h5{color: #70AA42;font-size: 14px;font-weight: 700;line-height: 24px;
text-transform: uppercase;}
.progressRedm h2{color: #1E2329;font-size: 36px;font-weight: 700;line-height: 44px;}
.progressRedm .card{border-radius: 10px; background-color:#1D4B39;; border: 0px; padding: 30px; margin-top: 34px;}

.progressRedm .card h4{color: #FFF;font-size: 24px;font-weight: 600;line-height:34px;}
.count-circle {width:42px;height:42px;border-radius: 50%;background: #0C7A34;
  color: #fff;display: flex;align-items: center;justify-content: center;  flex-shrink: 0; 
  font-size: 16px;  font-weight: 700;  line-height: 26px;}
  .progressRedm .card p{color: #FFF;font-size: 16px;font-weight: 500; line-height: 26px; padding-left:20px;  margin-bottom: 0px;}
    .progressRedm .card h4{color: #FFF;font-size: 24px; font-style: normal; font-weight: 600;
    line-height:32px; margin-bottom:24px; }
.redemptionSteps{background: #FCF4E5; padding: 80px 0px 60px;}
.redemptionSteps h4{color: #1D4B39;text-align: center;font-size: 24px;font-style: normal;font-weight: 600;line-height:32px; margin-bottom: 60px;} 

.timelinimg{position: relative;}
.timelinimg::after{background-image:url(../images/timeline.svg);
background-repeat: no-repeat;
background-position: center center; position: absolute; content: ''; right:0px; left: 0px; width: 23px; height: 750px; margin: 0px auto}
.timelinimg::before{background-color:#0C7A34;width: 9px; height: 9px; border-radius: 100px; content: ''; top: 0px; left: 0px; right: 0px; margin: 0px auto;  position: absolute;}
.stepcard{display: flex;justify-content: center;align-items: center; margin-top: 91px;}
.iconstep{margin-right: 90px; position: relative; }
.stepcard{padding-left:135px;}
.iconstep::after{background-color: #FCF4E5;width: 19px;height: 19px;border-radius: 100px;content: '';top: 23px;left: 110px;right: 0px;margin: 0px auto;position: absolute;border: 1px solid #0F7B3E;}
.redsteptext p{ color:#1D4B39; font-size: 16px;font-style: normal;font-weight:400;line-height:26px; margin-bottom: 0px;}
.redsteptext p strong{font-weight: 700; display: block; padding-bottom: 5px; color: #0C7A34;}

.stepcard2{display: flex;justify-content: center;align-items: center; margin-top: 91px;}
.iconstep2{position: relative; }
.iconstep2::after{background-color: #FCF4E5;width: 19px;height: 19px;border-radius: 100px;content: '';top: 23px;left: 110px;right: 0px;margin: 0px auto;position: absolute;border: 1px solid #0F7B3E; left: -197px;}
.redsteptext2 p{ color:#1D4B39; font-size: 16px;font-style: normal;font-weight:400;line-height:26px; margin-bottom: 0px;}
.redsteptext2 p strong{font-weight: 700; display: block; padding-bottom: 5px; color: #0C7A34;}
.redsteptext2{text-align: right;margin-left: -95px;margin-right: 107px}

.stepcard3{display: flex;justify-content: center;align-items: center; margin-top: 91px;}
.iconstep3{margin-right: 90px; position: relative; }
.stepcard3{padding-left:164px;}
.iconstep3::after{background-color: #FCF4E5;width: 19px;height: 19px;border-radius: 100px;content: '';top: 23px;left: 119px;right: 0px;margin: 0px auto;position: absolute;border: 1px solid #0F7B3E;}
.redsteptext3 p{ color:#1D4B39; font-size: 16px;font-style: normal;font-weight:400;line-height:26px; margin-bottom: 0px;}
.redsteptext3 p strong{font-weight: 700; display: block; padding-bottom: 5px; color: #0C7A34;}

.stepcard4{display: flex;justify-content: center;align-items: center; margin-top: 91px;}
.iconstep4{margin-right: 90px; position: relative; margin-left: -95px; }
.redsteptext4{text-align: right;margin-left: -105px;margin-right: 188px;}
.iconstep4::after{background-color: #FCF4E5;width: 19px;height: 19px;border-radius: 100px;content: '';top: 23px;left: -172px;right: 0px;margin: 0px auto;position: absolute;border: 1px solid #0F7B3E;}
.redsteptext4 p{ color:#1D4B39; font-size: 16px;font-style: normal;font-weight:400;line-height:26px; margin-bottom: 0px;}
.redsteptext4 p strong{font-weight: 700; display: block; padding-bottom: 5px; color: #0C7A34;}


.yourpoints{background-image:url(../images/yourpoints-new.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;  padding:73px 0px 80px; background-color:#285b3c;}

.yourpoints h5{color: #70AA42;font-size: 14px;font-weight: 700;line-height: 24px;text-transform: uppercase;}
.yourpoints h2{color: #FFF;font-size: 36px;font-weight: 700;line-height: 44px; margin: 15px 0px 20px;}
.yourpoints p{color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px;}
.yourpoints h4{color: #FFF;font-size: 22px;font-weight: 700;line-height: 32px; margin-bottom: 20px;}
.yourpoints .mt-40{margin-top: 40px;}
.yourpoints ul li{position: relative; color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px; padding-bottom: 15px; padding-left: 30px;}
.yourpoints ul li::before{background-image:url(../images/right-arrow.svg);
background-repeat: no-repeat;position: absolute;content: '';left: 0px;top:5px; width: 15px; height: 11px;}

.yourpoints .card{border-radius: 10px; border: 1.5px solid rgba(255, 255, 255, 0.29); background-color: transparent; padding:20px 30px 24px;}
.yourpoints .card p{color: #FFF; font-style: italic; font-size: 30px;font-weight:400;line-height:45px; margin-bottom: 30px; }
.yourpoints .card h6{color: #FFF;font-size:18px;font-weight:700;line-height:30px; margin-bottom: 0px;}
.yourpoints .mt-66{margin-top: -66px;}
.yourpoints .readMore.borderbtn {background: transparent; border-radius: 50px;border: 1px solid #ffffff;color: #ffffff;margin-left: 25px;}
.yourpoints .readMore.borderbtn:after {
  background-image: url(../images/arrow-right.svg); position: absolute;
  content: '';right: 30px;top: 16px; width: 27px;height: 12px;transition: all 0.3s ease;}


.bandhanProgram{background-image:url(../images/bandhanProgram.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;  padding:73px 0px 80px; background-color:#285b3c;}
  .bandhanProgram .hedtext h5{color: #70AA42;font-size: 14px;font-weight: 600;line-height: 40px;
text-transform: uppercase; margin-bottom:17px;}
.bandhanProgram .hedtext h2{color: #FFF;font-size: 36px;font-weight:600;line-height: 44px; margin-bottom:40px;}
.bandhanProgram .readMore{ background-color: #0C7A34; margin: 0px auto;}

.arecaNuts{background-image:url(../images/arecanuts-new.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;  padding:73px 0px 80px; background-color:#285b3c;}
.arecaNuts .hedtext h2{color: #FFF;font-size: 36px;font-weight:600;line-height:50px; margin-bottom:40px;}
.arecaNuts .readMore{ background-color:#1D4B39;; }
.arecaNuts .readMore.borderbtn{background: transparent; border-radius: 50px; border: 1px solid #ffffff; color: #ffffff; margin-left: 25px;}
.arecaNuts .readMore.borderbtn:after{background-image:url(../images/arrow-right.svg); position: absolute; content: '';  right:30px;top: 16px;  width: 27px; height: 12px; transition: all 0.3s ease;}
.mobileimg{display: none;}