/*-----------------------------------------------------------------------------------

  Template Name: Greenin Environment & Non-Profit HTML Template.

  Template URI: #

  Description: Greenin is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.

  Author: HasTech

  Author URI: https://themeforest.net/user/hastech/portfolio

  Version: 2.0





-----------------------------------------------------------------------------------

  

  CSS INDEX

  ===================



  01. Google fonts

  02. Scroll To Top

  03. About Area

  04. Service Area

  05. Counterup Area

  06. Team Area

  07. Testimonial Area

  08. Call To Action Area

  09. Faq Area

  10. Bradcaump Area

  11. Gallery Area

  12. Blog Area

  13. Contact Area

  14. Blog Details Area



-----------------------------------------------------------------------------------*/



html {

  scroll-behavior: smooth;

}



/*----------------------------------------*/

/*  1. Google fonts

/*----------------------------------------*/





    font-family: 'Open Sans', sans-serif;



    font-family: 'Roboto Slab', serif;









/*---------------------------------------

  02. Scroll To Top

----------------------------------------*/

 #scrollUp {

    border-radius: 2px;

    bottom: 80px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    color: #fff;

    font-size: 28px;

    height: 45px;

    line-height: 45px;

    position: fixed;

    right: 15px;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 45px;

    z-index: 200;

    bottom: 15px;

}

#scrollUp:hover {

}



@-webkit-keyframes scroll-ani-to-top {

  0% {

    opacity: 0;

    bottom: 0;

  }

  50% {

    opacity: 1;

    bottom: 50%;

  }

  100% {

    opacity: 0;

    bottom: 75%;

  }

}

@-moz-keyframes scroll-ani-to-top {

  0% {

    opacity: 0;

    bottom: 0;

  }

  50% {

    opacity: 1;

    bottom: 50%;

  }

  100% {

    opacity: 0;

    bottom: 75%;

  }

}

@keyframes scroll-ani-to-top {

  0% {

    opacity: 0;

    bottom: 0;

  }

  50% {

    opacity: 1;

    bottom: 50%;

  }

  100% {

    opacity: 0;

    bottom: 75%;

  }

}

#scrollUp:hover i {

  animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;

  height: 100%;

  left: 0;

  margin-bottom: -25px;

  position: absolute;

  width: 100%;

  bottom: 0;

}

#scrollUp i {

  color: #fff;

}

 #scrollUp {

  background: #49a010 none repeat scroll 0 0;

}

 



/*---------------------------------------

  End Scroll To Top

----------------------------------------*/



/*---------------------------------------

  03. About Area

----------------------------------------*/

.title__line {

    line-height: 30px;

    padding-bottom: 43px;

    position: relative;

    text-transform: capitalize;

    z-index: 2;

    display: inline-block;

}

.section__title p {

    color: #777777;

    font-size: 18px;

    line-height: 30px;

    margin: auto;

    width: 69%;

}

.title__line.title__line--2::before {

    background-attachment: scroll;

    background-clip: border-box;

    background-image: url("images/icons/title-2.png");

    background-origin: padding-box;

    background-position: center center;

    background-repeat: repeat;

    background-size: cover;

    bottom: 0;

    content: "";

    height: 14px;

    left: 50%;

    position: absolute;

    transform: translateX(-50%);

    width: 200px;

    z-index: -1;

}

.title__line.title__line--2 {

    margin-bottom: 32px;

}

.htc__about__inner h2 {

    color: #555555;

    font-size: 30px;

    /*margin-bottom: 37px;*/

    padding-bottom: 31px;

    position: relative;

    text-transform: capitalize;

}

.htc__about__inner h2::before {

    background: #fff none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 3px;

    position: absolute;

    width: 80px;

}

.about__dtl p + p {

    margin-top: 13px;

}

.about__btn {

    margin-top: 22px;

}

.about__btn a.htc__btn {

    border-radius: 20px;

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);

    font-size: 16px;

    height: 40px;

    line-height: 38px;

    padding: 0 30px;

}

.about__btn a.htc__btn:hover {

    color: #4CAF50 ;

}



.about__btn a.read-more-btn:hover {

    color: #4CAF50 !important;

}

.htc__about__container {

    align-items: center;

    display: flex;

}



.htc__about__content h2 {

    color: #555555;

    /*font-family: Open Sans;*/

    font-size: 24px;

    margin-bottom: 20px;

    text-transform: capitalize;

}

.htc__about__content + .htc__about__content {

    margin-top: 38px;

}





/*---------------------------------------

  04. Service Area

----------------------------------------*/

.service {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

    margin-top: 40px;

}

.service__details {

    padding: 27px 18px;

    text-align: center;

}

.service__details h2 {

    color: #555555;

    font-family: Open Sans;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 12px;

    text-transform: capitalize;

}

.service__details p {

    line-height: 24px;

}



.service__thumb a {

    display: block;

}

.service__thumb a img {

    width: 100%;

}

.service--page{

    margin-top: -40px;

}



/*---------------------------------------

  05. Counterup Area

----------------------------------------*/

.counterup__wrap {

    position: relative;

    z-index: 2;

}



.counterup__container {

    display: flex;

    justify-content: space-between;

    padding: 0 70px;

}

.fact__count span.count {

    color: #ffffff;

    display: inline-block;

    font-family: Roboto Slab;

    font-size: 72px;

    font-weight: 700;

    line-height: 57px;

}

.fact__title h2 {

    color: #ffffff;

    font-family: Open Sans;

    font-size: 18px;

    font-weight: 600;

    margin-top: 30px;

    text-transform: uppercase;

}

.fact__details {

    text-align: center;

}

/*---------------------------------------

  06. Team Area

----------------------------------------*/



.team__thumb a {

    display: block;

    position: relative;

}

.team__thumb a::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    transition: all 0.5s ease 0s;

    width: 100%;

}

.team:hover .team__thumb a::before {

    opacity: 0.7;

}

.team{

    position: relative;

    overflow: hidden;

    margin-top: 30px;

}

.team__details {

    bottom: 74px;

    left: 0;

    opacity: 0;

    position: absolute;

    text-align: center;

    transition: all 0.5s ease 0s;

    width: 100%;

}

.team__social__link {

    display: flex;

    justify-content: center;

    margin-bottom: 20px;

    margin-left: 0px;

    margin-right: -6px;

}

.team__social__link li {

    margin: 0 6px;

}

.team__social__link li a i {

    border: 1px solid #fff;

    border-radius: 100%;

    color: #fff;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 30px;

    transition: 0.4s;

}

.team__social__link li a:hover i{

    background: #fff;

    color: #49a010;

}

.team__details h4 {

    color: #fff;

    display: inline-block;

    font-family: Open Sans;

    font-size: 18px;

    font-weight: 600;

    padding-top: 12px;

    text-transform: capitalize;

}

.team__details h6 {

    color: #fff;

    font-family: Open Sans;

    margin-top: 5px;

}

.tm__separator {

    border: 1px solid #49a010;

    display: block;

    margin: auto;

    position: relative;

    width: 220px;

}

.team:hover .team__details {

    opacity: 1;

    transform: translateY(0px);

}





/*---------------------------------------

  07. Testimonial Area

----------------------------------------*/





.testimonial__inner p {

    color: #555555;

    font-family: Roboto Slab;

    font-size: 30px;

    line-height: 40px;

    margin: auto;

    width: 84%;

}

.tes__info {

    margin-top: 36px;

}

.tes__info h4 {

    font-family: Open Sans;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}

.tes__info h6 {

    color: #777777;

    font-family: Open Sans;

    font-size: 16px;

    margin-top: 10px;

    text-transform: capitalize;

}



/*---------------------------------------

  08. Call To Action Area

----------------------------------------*/



.ht__call__wrap {

    align-items: center;

    display: flex;

    height: 170px;

    justify-content: space-between;

    /* padding: 0 70px; */

    padding: 0 0px;



}

.ht__call__wrap h2 {

    color: #ffffff;

    font-family: Open Sans;

    font-size: 36px;

    text-transform: capitalize;

}

.ht__call__btn .htc__btn {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #fff;

    border-radius: 21px;

    color: #49a010;

    font-size: 18px;

    height: 43px;

    line-height: 41px;

    padding: 0 30px;

}

.ht__call__btn .htc__btn:hover {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #fff;

    color: #fff;

}





/*---------------------------------------

  09. Faq Area

----------------------------------------*/



.htc__faq__area{

    position: relative;

}

.faq__thumb {

    bottom: 0;

    left: 100px;

    position: absolute;

    width: 33%;

}

.htc__faq__area .section__title p {

    width: 61%;

}

.ht--faq--panel-title a{

    position: relative;

    display: block;

    padding-left: 30px;

}

.ht--faq--panel-title a i{

    position: absolute;

    display: inline-block;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.ht--faq--panel-title a i.icon-1{

    opacity: 0;

}

.ht--faq--panel-title a i.icon-2{

    opacity: 1;

}

.ht--faq--panel-title a.collapsed i.icon-1{

    opacity: 1;

}

.ht--faq--panel-title a.collapsed i.icon-2{

    opacity: 0;

}

.htc__haq__title {

    color: #666666;

    display: inline-block;

    font-family: Open Sans;

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 16px;

    text-transform: capitalize;

}

.ht--faq--panel-title {

    font-size: 18px;

    margin-top: 24px;

}

.ht--faq--panel-body {

    padding-left: 29px;

    padding-top: 21px;

}

.ht--faq--panel-body p {

    color: #777777;

    font-size: 14px;

    line-height: 24px;

}

.ht--faq--panel-body p + p {

    margin-top: 10px;

}



/*---------------------------------------

  10. Bradcaump Area

----------------------------------------*/





.ht__bradcaump__wrap {

    align-items: center;

    display: flex;

    height: 400px;

    position: relative;

    z-index: 2;

}

.bradcaump__inner {

    padding-top: 67px;

}

.bradcaump__inner h2.bradcaump-title {

    color: #fff;

    font-size: 36px;

    font-weight: 700;

    text-transform: capitalize;

}







/*---------------------------------------

  11. Gallery Area

----------------------------------------*/





.gallery__thumb a {

    display: block;

    position: relative;

    z-index: 2;

}

.gallery__thumb a img {

    width: 100%;

}

.gallery__thumb a::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

    transition: 0.5s;

}

.gallery__hover {

    cursor: pointer;

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    z-index: 9;

    opacity: 0;

    transition: 0.5s;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}

.gallery{

    position: relative;

    margin-top: 30px;

}

.gallery:hover .gallery__hover{

    opacity: 1;

}

.gallery:hover .gallery__thumb a::before{

    opacity: 0.7;

}



/*---------------------------------------

  12. Blog Area

----------------------------------------*/





.blog__details h2 {

    font-family: Open Sans;

    font-size: 18px;

    font-weight: 600;

    line-height: 23px;

}

.blog__details {

    background: #fff none repeat scroll 0 0;

    padding: 24px 30px;

}

.blog__meta {

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}

.blog__meta li {

    color: #777777;

    font-size: 14px;

    font-weight: 600;

}

.blog__meta li a {

    color: #777777;

    transition: all 0.3s ease 0s;

}

.blog__meta li a:hover {

    color: #49a010;

}

.blog{

    margin-top: 30px;

}

.blog__thumb a {

    display: block;

}

.blog__thumb a img {

    width: 100%;

}



.blog:hover {

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.blog {

    position: relative;

    transition: all 0.5s ease 0s !important;

}



/*---------------------------------------

  13. Contact Area

----------------------------------------*/





#googleMap{

  width: 100%;

  height: 553px;

}



#googleMap iframe{

  width: 100%;

  height: 100%;

}



.ht__address h2 {

    /*color: #555555;*/

    font-family: Open Sans;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 20px;

    text-transform: capitalize;

}

.htc__contact__wrap {

    border-bottom: 1px solid #49a010;

    padding: 70px 70px 50px;

}

.ht__address__info a {

    color: #978b87;

    font-size: 16px;

    font-weight:600;

}

.ht__address__info p {

    color: #978b87;

    font-size: 15px;

    font-weight:600;

}

.ct__social__link {

    display: flex;

    margin-left: -5px;

    gap:7px;

}

.ht__address {

    text-align: center;

}

.ct__social__link li {

    margin: 0 5px;

}

.ct__social__link li a span {

    color: #999999;

    font-size: 30px;

    transition: all 0.3s ease 0s;

}

.ct__social__link li a span:hover {

    color: #49a010;

}

.title__line.title__line--3 {

  font-family: Open Sans;

  font-weight: 600;

  line-height: 24px;

  padding-bottom: 52px;

  position: relative;

  text-transform: capitalize;

  z-index: 2;

  margin-bottom: 40px;

  font-size: 24px;

}

.title__line.title__line--3::before {

  background: rgba(0, 0, 0, 0) url("images/icons/title-3.png") repeat scroll 0 0 / cover ;

  bottom: -1px;

  content: "";

  height: 138%;

  left: 50%;

  position: absolute;

  transform: translateX(-50%);

  width: 12%;

  z-index: -1;

}

.htc__contact__area .title__line.title__line--3::before {

    height: 148%;

    width: 115%;

}

.contact-box.name_email {

    display: flex;

    margin-left: -15px;

    margin-right: -15px;

}

.contact-box.name_email input {

    margin: 0 15px;

}

.contact-box input {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: currentcolor currentcolor #aaaaaa;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    color: #aaaaaa;

    font-family: Roboto Slab;

    font-size: 18px;

    padding-bottom: 15px;

    padding-left: 18px;

}





.contact-box input::-moz-placeholder {

    color: #aaaaaa !important;

    opacity: 1;

    font-size: 18px !important;

}



.contact-box.message textarea::-moz-placeholder {

    color: #aaaaaa !important;

    opacity: 1 !important;

    font-size: 18px !important;

}



.single-contact-form + .single-contact-form {

    margin-top: 34px;

}

.contact-box.message textarea {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: transparent none repeat scroll 0 0;

    border-color: currentcolor currentcolor #aaaaaa;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    min-height: 135px;

    padding-left: 18px;

    font-family: Roboto Slab;

    font-size: 18px;

    color: #aaaaaa;

}

.contact-btn {

    margin-top: 50px;

    text-align: center;

}



.contact-btn .htc__btn {

    border-radius: 18px;

    height: 43px;

    line-height: 41px;

    padding: 0 30px;

    font-family: Roboto Slab;

    font-size: 18px;

    font-weight: 700;

    border: 1px solid #49a010;

}

.contact-btn .htc__btn:hover{

    background: transparent;

    border: 1px solid #49a010;

    color: #49a010;

}





/*---------------------------------------

  14. Blog Details Area

----------------------------------------*/





.ht__search input {

    border: 1px solid #dddddd;

    color: #777777;

    font-size: 26px;

    height: 50px;

    padding: 0 30px;

    width: 100%;

}

.ht__search {

    margin-bottom: 46px;

    position: relative;

}

.ht__search a {

    background: #dddddd none repeat scroll 0 0;

    border: 1px solid #ddd;

    height: 50px;

    line-height: 51px;

    position: absolute;

    right: 0;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.3s ease 0s;

    width: 50px;

}

.ht__search a i {

    color: #777777;

    font-size: 21px;

    transition: all 0.3s ease 0s;

}

.title__line--4 {

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 46px;

    padding-bottom: 20px;

    position: relative;

    text-transform: capitalize;

}

.title__line--4::before {

    background: #49a010 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    width: 40px;

}

.cat__list li {

    color: #777777;

    font-size: 16px;

}

.cat__list li + li {

    padding-top: 7px;

}

.ht__cat {

    margin-bottom: 43px;

}

.tag__list li a {

    border: 1px solid #ddd;

    color: #777777;

    display: inline-block;

    font-size: 16px;

    height: 40px;

    line-height: 36px;

    padding: 0 25px;

    transition: all 0.3s ease 0s;

}

.tag__list {

    display: flex;

    flex-flow: row wrap;

    margin-left: -8px;

    margin-right: -8px;

}

.tag__list li {

    margin: 0 8px 15px;

}

.tag__list li a:hover {

    background: #49a010 none repeat scroll 0 0;

    border: 1px solid #49a010;

    color: #fff;

}

.ht__tag {

    margin-bottom: 30px;

}

.single__lst__blog {

    display: flex;

}

.lst__bl__thumb {

    margin-right: 30px;

    min-width: 70px;

}

.single__lst__blog + .single__lst__blog {

    margin-top: 20px;

}

.lst__bl__details h4 {

    font-size: 16px;

    line-height: 24px;

}

.lst__bl__details span {

    color: #777777;

    display: inline-block;

    font-family: Roboto Slab;

    font-size: 14px;

    margin-top: 3px;

}

.ht__search a:hover {

    background: #49a010 none repeat scroll 0 0;

    border: 1px solid #49a010;

}

.ht__search a:hover i {

    color: #fff;

}

.ht__blog__dtl h2 a {

    color: #666666;

    font-size: 30px;

    font-weight: 700;

    padding-top: 34px;

    display: block;

    transition: 0.3s;

}

.ht__blog__dtl__inner {

    padding: 0 40px;

}

.ht__blog__list {

    border: 1px solid #ddd;

    padding-bottom: 34px;

}

.bl__meta {

    border-bottom: 2px dashed #dddddd;

    display: flex;

    padding-bottom: 25px;

    padding-top: 20px;

}

.ht__bl__dec p {

    color: #777777;

    font-size: 16px;

    line-height: 30px;

}

.ht__bl__dec {

    margin-top: 24px;

}

.bl__meta li + li {

    margin-left: 28px;

}

.bl__meta li i {

    color: #49a010;

    font-size: 24px;

    padding-right: 14px;

}

.bl__meta li {

    color: #777777;

    font-size: 16px;

    font-weight: 600;

}

.bl__meta li a{

    color: #777777;

    font-size: 16px;

    font-weight: 600;

    transition: 0.3s;

}

.bl__meta li a:hover,

.ht__blog__dtl h2 a:hover{

    color: #49a010;

}



.ht__bl__btn a {

    color: #777777;

    font-size: 18px;

    font-weight: 600;

    transition: all 0.3s ease 0s;

}

.ht__bl__btn {

    margin-top: 20px;

}

.ht__bl__btn a:hover {

    color: #49a010;

}

blockquote {

    border-left: 2px solid #49a010;

    color: #777777;

    font-size: 16px;

    font-style: italic;

    margin: 22px 0 24px 50px;

    padding: 0 0 0 20px;

    width: 89%;

}



.ht__bl__link {

    border-top: 2px dashed #dddddd;

    display: flex;

    justify-content: space-between;

    margin-top: 26px;

    padding-top: 20px;

}

.bl__social__link {

    display: flex;

}

.page__btn {

    display: flex;

}

.bl__social__link li a i {

    border: 1px solid #49a010;

    border-radius: 100%;

    color: #49a010;

    display: inline-block;

    font-size: 16px;

    height: 30px;

    line-height: 28px;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 30px;

}

.bl__social__link li + li {

    margin-left: 15px;

}

.bl__social__link li a:hover i {

    background: #49a010 none repeat scroll 0 0;

    border: 1px solid #49a010;

    color: #fff;

}

.page__btn li a {

    color: #777777;

    font-size: 18px;

    font-weight: 600;

    transition: all 0.3s ease 0s;

}

.page__btn li + li {

    margin-left: 11px;

    padding-left: 11px;

}

.page__btn li {

    position: relative;

}

.page__btn li + li::before {

    background: #dddddd none repeat scroll 0 0;

    content: "";

    height: 25px;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

}

.page__btn li:hover a {

    color: #49a010;

}

.page__btn li a i.icofont.icofont-long-arrow-left {

    padding-right: 11px;

}

.page__btn li a i {

    font-size: 20px;

}

.page__btn li a i.icofont.icofont-long-arrow-right {

    margin-left: 11px;

}

.ht__bl__admin {

    margin-top: 30px;

}

.bl__comment {

    margin-top: 36px;

}

.ht__bl__admin span {

    color: #555555;

    font-family: Roboto Slab;

    font-size: 18px;

    text-transform: capitalize;

}

.title__line--5 {

    color: #555555;

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 45px;

    padding-bottom: 25px;

    position: relative;

    text-transform: capitalize;

}

.title__line--5::before {

    background: #49a010 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    width: 40px;

}

.ht__single__comment {

    display: flex;

}

.cmt__thumb {

    margin-right: 30px;

    min-width: 100px;

}

.cmt__details h4 {

    color: #3e3e3e;

    font-family: open sans;

    font-weight: 600;

    margin-bottom: 7px;

}

.cmt__details span {

    color: #3e3e3e;

    font-family: Roboto Slab;

    font-size: 12px;

}

.cmt__details p {

    color: #777777;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 3px;

    width: 79%;

}

.replay__btn a {

    color: #3e3e3e;

}

.replay__btn a i {

    color: #49a010;

    font-size: 16px;

    padding-right: 10px;

}

.ht__single__comment.replay {

    margin-bottom: 40px;

    margin-left: 100px;

    margin-top: 40px;

}

.replay__btn {

    margin-left: 200px;

}

.bl__comment__form {

    margin-top: 42px;

}

.bl__comment__form span {

    color: #777777;

    display: inline-block;

    font-size: 18px;

    margin-bottom: 56px;

}

.bl__comment__form h2.title__line--5 {

    margin-bottom: 30px;

}

.ht__single__cmnt__form.name {

    display: flex;

    margin-bottom: 35px;

    margin-left: -25px;

    margin-right: -25px;

}

.ht__single__cmnt__form.name input {

    margin: 0 25px;

}

.ht__single__cmnt__form input {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: currentcolor currentcolor #aaaaaa;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    color: #aaaaaa;

    font-family: Roboto Slab;

    padding-bottom: 15px;

    padding-left: 15px;

}

.ht__single__cmnt__form textarea {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: transparent none repeat scroll 0 0;

    border-color: currentcolor currentcolor #aaaaaa;

    border-image: none;

    border-style: none none solid;

    border-width: 0 0 1px;

    color: #aaaaaa;

    font-family: Roboto Slab;

}

.ht__single__cmnt__form textarea {

    min-height: 140px;

}

.ht__single__cmnt__form textarea::-moz-placeholder {

    color: #aaaaaa !important;

    opacity: 1 !important;

}



.ht__single__cmnt__form input::-moz-placeholder {

    color: #aaaaaa !important;

}

.ht__single__cmnt__form input:focus,

.contact-box input:focus {

    outline: none;

}

.ht__single__cmnt__form input:focus,

.ht__single__cmnt__form textarea:focus,

.contact-box input:focus{

    -webkit-border-left: none;

    -webkit-border-right: none;

    -webkit-border-top: none;

}

.cmnt__btn {

    margin-top: 50px;

}

.cmnt__btn .htc__btn {

    font-family: Roboto Slab;

    font-size: 18px;

    font-weight: 700;

    height: 44px;

    line-height: 41px;

    padding: 0 32px;

}



.htc__page__container {

    display: flex;

    justify-content: space-between;

    margin-top: 50px;

    align-items: center;

}

.pagenation {

    display: flex;

}

.pagenation li a {

    border: 1px solid #dddddd;

    color: #777777;

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    height: 40px;

    line-height: 40px;

    text-align: center;

    transition: all 0.4s ease 0s;

    width: 40px;

}

.pagenation li {

    margin: 0 6px;

}

.pagenation li a:hover,

.pagenation li.active a {

    background: #49a010 none repeat scroll 0 0;

    border: 1px solid #49a010;

    color: #fff;

}

.older li a,

.new li a {

    color: #777777;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    transition: all 0.4s ease 0s;

}

.older li a i {

    font-size: 22px;

    padding-right: 5px;

}

.new li a i {

    font-size: 22px;

    padding-left: 5px;

}

.older li a:hover,

.new li a:hover{

    color: #49a010;

}

/*-------------------

  Others Code

----------------------*/



.team--page,

.gallery--page,

.blog--list{

    margin-top: -30px

}

.team__thumb a img {

    width: 100%;

}

.ht__blog__thumb iframe {

    height: 448px;

    width: 100%;

}

.cmnt__btn a.htc__btn:hover {

    color: #49a010;

}





.glance-title{

    text-align: center;

    padding: 5px;

}



.gallery-heading h1{

    color: #327A2A;

    padding: 25px;

    font-family: 'Roboto Slab';

    text-align: center;

    margin-top: 20px;

    background-image: url(../images/title.png);

    background-repeat: no-repeat;

    background-position: bottom;

    background-size:10%;

    backface-visibility: 0.1;

    background-position-y: 5%;

}



.career-heading{

    margin: 20px 0px;

    margin-bottom: 50px;

}



.welcome-head{

    text-align:center;

    font-size: 2.5vw;

    padding: 5% 10% 0%;

}



#wlcmtm h2 {

    color: #fff;

    text-align: center;

}



#wlcmtm p {

    color: #fff;

}





/* CSS to hide additional paragraphs initially */

.additional-paragraphs {

    display: none;

}





#ab-btn a.htc__btn {

    border-radius: 20px;

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);

    font-size: 16px;

    height: 40px;

    line-height: 38px;

    padding: 0 30px;

}



#ab-btn a.htc__btn:hover {

    color: #fff;

}



.blog-container a {

    display: inline-block;

    overflow: hidden;

    position: relative;

    border: 1px solid #ccc;

    transition: transform 0.3s ease;

}



.blog-container a:hover {

    transform: scale(1.05);

}



.blog-container a:hover img {

    transform: scale(1.13);

}



.blog-container a img {

    transition: transform 0.3s ease;

    width: 100%;

    height: auto;

    display: block;

}









.service {

    position: relative;

    overflow: hidden;

}



.service .service__link {

    display: block;

    text-decoration: none;

    color: inherit;

    transition: transform 0.3s ease;

}



.service:hover .service__link {

    transform: translateY(-5px);

}



.service__thumb img {

    width: 100%;

    height: auto;

    transition: transform 0.3s ease;

}



.service:hover .service__thumb img {

    transform: scale(1.1);

}



.service__details {

    padding: 20px;

    background-color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    transition: transform 0.3s ease;

    transform: translateY(100%);

}



.service:hover .service__details {

    transform: translateY(0);

}



#mrow {

    flex-direction: row-reverse;

}





.about__btn a {

        background-color: green;

        color: white;

        padding: 10px 20px;

        display: inline-block;

        text-decoration: none;

        transition: background-color 0.3s, color 0.3s;

    }



    .about__btn a:hover {

        background-color: transparent;

        color: green;

    }



    .about__btn a:active {

        background-color: green;

        color: white;

    }





.about__btnn a {

        background-color: green;

        color: white;

        padding: 10px 20px;

        display: inline-block;

        text-decoration: none;

        transition: background-color 0.3s, color 0.3s;

    }



    .about__btnn a:hover {

        background-color: transparent;

        color: white ;

    }



    .about__btnn a:active {

        background-color: green;

        color: white !important;

    }









.slider__btn a {

        background-color: green;

        color: white;

        padding: 10px 20px;

        display: inline-block;

        text-decoration: none;

        transition: background-color 0.3s, color 0.3s;

    }



    .slider__btn a:hover {

        background-color: transparent;

        color: #046d04;

    }



    .slider__btn a:active {

        background-color: #046d04;

        color: white;

    }



    #header ul {

        width: 100%;

    }









#tmimg {
    display: flex;
/*    top: 0;*/
}











.collab {

    display: grid;

    grid-template-columns: repeat(2, 1fr); /* 2 columns */

    grid-template-rows: repeat(2, auto); /* 2 rows */

    grid-gap: 90px;

}



.collab img {

    max-width: 100%;

    height: auto;

    border-radius: 5px;

}



.collabs .h2style {

    font-size: 180% !important;

}



.collabs .row {

    justify-content: center;

}



.collab-img {

    width: 80%;

    display: flex;

    justify-content: center;

}



.collabs .foo {

    padding-bottom: 30px;

}







/*product*/













/*main {*/

/*    flex-grow: 1;*/

/*}*/



/*figcaption, figure, main {*/

/*    display: block;*/

/*}*/



/*article {*/

/*    display: block;*/

/*}*/



/*.hero--product {*/

/*    display: flex;*/

/*    flex-direction: column;*/

/*    align-items: stretch;*/

/*    width: 100%;*/

/*    margin: 0 0 1rem;*/

/*}*/



/*.hero--product .hero--product--content {*/

/*    margin-right: .5rem;*/

/*    margin-left: .5rem;*/

/*    position: relative;*/

/*    z-index: 0;*/

/*    margin: 0;*/

/*    padding: 6rem 20px 4rem;*/

/*    color: #fff;*/

/*}*/



/*.product-category-green .hero--product .hero--product--content::before {*/

/*    background-color: #93cc23;*/

/*    background-image: linear-gradient(184.02deg,#93cc23 52%,rgba(147,204,35,0.58) 125.69%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.518' height='16.518' fill='none'%3E%3Cpath d='M0 0l16.518 16.518V9.135L7.383 0zm0 9.135v7.32l.063.063h7.32z' fill='%23fff' /%3E%3C/svg%3E");*/

/*}*/



/*.hero--product .hero--product--content::before {*/

/*    position: absolute;*/

/*    top: 0;*/

/*    right: 0;*/

/*    left: 0;*/

/*    z-index: -1;*/

/*    width: 100%;*/

/*    height: 100%;*/

/*    content: "";*/

/*}*/



/*.hero--product .hero--product--content {*/

/*    margin-right: .5rem;*/

/*    margin-left: .5rem;*/

/*    position: relative;*/

/*    z-index: 0;*/

/*    margin: 0;*/

/*    padding: 6rem 20px 4rem;*/

/*    color: #fff;*/

/*}*/



/*.hero--product .hero--product--content .content {*/

/*    max-width: 700px;*/

/*}*/



/*.hero--product .taxonomy-term-treatment {*/

/*    margin-bottom: .5rem;*/

/*    padding: 0;*/

/*}*/



/*.taxonomy-term-treatment.product-category-green {*/

/*    background-color: #93cc23;*/

/*}*/



/*.taxonomy-term-treatment {*/

/*    position: relative;*/

/*    max-width: 100%;*/

/*    text-transform: inherit;*/

/*    color: #fff;*/

/*}*/



/*.taxonomy-term-treatment--name {*/

/*    position: relative;*/

/*    z-index: 1;*/

/*    display: flex;*/

/*    flex-flow: row nowrap;*/

/*    align-items: center;*/

/*    justify-content: flex-start;*/

/*    text-transform: uppercase;*/

/*}*/



/*.hero--product .taxonomy-term-treatment--name::before {*/

/*    width: .9375rem;*/

/*    height: .9375rem;*/

/*}*/



/*.taxonomy-term-treatment--name.icon-herbicide::before {*/

/*    content: "";*/

/*    display: inline-block;*/

/*    background-size: contain;*/

/*    background-repeat: no-repeat;*/

/*    background-position: 50% 50%;*/

/*    background-image: url(/india/themes/custom/adama/dist/icons/icons-3c1c5545.svg#weed-control);*/

/*}*/



/*.taxonomy-term-treatment--name::before {*/

/*    width: 1.0625rem;*/

/*    height: 1.0625rem;*/

/*    margin-right: .5rem;*/

/*}*/



/*.taxonomy-term-treatment--name {*/

/*    position: relative;*/

/*    z-index: 1;*/

/*    display: flex;*/

/*    flex-flow: row nowrap;*/

/*    align-items: center;*/

/*    justify-content: flex-start;*/

/*    text-transform: uppercase;*/

/*}*/



/*.hero--product .hero--product--content {*/

/*    margin-right: .5rem;*/

/*    margin-left: .5rem;*/

/*    position: relative;*/

/*    z-index: 0;*/

/*    margin: 0;*/

/*    padding: 6rem 20px 4rem;*/

/*    color: #fff;*/

/*}*/



/*.hero--product h1 {*/

/*    font-size: 2.25rem;*/

/*    line-height: 1.3698630137;*/

/*    overflow: hidden;*/

/*    text-overflow: ellipsis;*/

/*    white-space: nowrap;*/

/*    margin-bottom: 1rem;*/

/*}*/



/*.hero--product .field--name-product-subtitle {*/

/*    display: -webkit-box;*/

/*    -webkit-line-clamp: 4;*/

/*    -webkit-box-orient: vertical;*/

/*    padding-bottom: 1px;*/

/*    overflow: hidden;*/

/*    text-overflow: ellipsis;*/

/*    line-clamp: 4 "...";*/

/*    margin-bottom: 1.5rem;*/

/*}*/



/*.hero--product .hero--product--image {*/

/*    position: relative;*/

/*    z-index: 1;*/

/*    margin: -18px 0 0;*/

/*    text-align: center;*/

/*    -webkit-mask-repeat: no-repeat;*/

/*    mask-repeat: no-repeat;*/

/*    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='414' height='1500' viewBox='0 0 109.537 396.875' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 396.875V2.496a606.498 606.498 0 01109.537-.036v394.415z'/%3E%3C/svg%3E");*/

/*    mask-image: url("data:image/svg+xml,%3Csvg width='414' height='1500' viewBox='0 0 109.537 396.875' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 396.875V2.496a606.498 606.498 0 01109.537-.036v394.415z'/%3E%3C/svg%3E");*/

/*    -webkit-mask-position: 50% 0%;*/

/*    mask-position: 50% 0%;*/

/*    -webkit-mask-size: 100% auto;*/

/*    mask-size: 100% auto;*/

/*    background-color: #fff;*/

/*}*/



/*.hero--product .hero--product--image picture {*/

/*    display: block;*/

/*    padding: 2rem 0;*/

/*}*/



/*.layout-product>.layout-content {*/

/*    display: grid;*/

/*    grid-template-areas: "l meta r" "l aside_top r" "bc bc bc" "lb content rb" "lb aside_bottom rb" "af af af";*/

/*    grid-template-columns: 20px calc(100% - 20px*2) 20px;*/

/*    grid-template-rows: min-content;*/

/*    max-width: 100%;*/

/*}*/



/*.node--type-product.node--view-mode-full .node-meta {*/

/*    font-size: .875rem;*/

/*    line-height: 1.2142857143;*/

/*}*/



/*.layout-product .node-meta {*/

/*    grid-area: meta;*/

/*    margin-bottom: .5rem;*/

/*}*/



/*.node--type-product.node--view-mode-full .node-meta {*/

/*    font-size: .875rem;*/

/*    line-height: 1.2142857143;*/

/*}*/



/*.layout-product .area-content {*/

/*    grid-area: content;*/

/*    margin-bottom: .5rem;*/

/*    padding-top: 2.5rem;*/

/*}*/



/*.node--type-product.node--view-mode-full .component-block {*/

/*    margin-bottom: 1rem;*/

/*}*/



/*.node--type-product.node--view-mode-full .general-info--title {*/

/*    font-weight: 700;*/

/*    font-size: 1.75rem;*/

/*    line-height: 1.2142857143;*/

/*}*/



/*.component-block--title {*/

/*    font-size: 1.125rem;*/

/*    line-height: 1.2222222222;*/

/*    font-weight: 700;*/

/*    margin-bottom: 1rem;*/

/*}*/



/*.field--type-text-long p, .field--type-text-with-summary p, .field--name-body p {*/

/*    font-size: 1rem;*/

/*    line-height: 1.5;*/

/*    margin-bottom: 1.5rem;*/

/*}*/



/*.component-block p:last-child {*/

/*    margin-bottom: 0;*/

/*}*/



/*.field--type-text-long p:last-child, .field--type-text-with-summary p:last-child, .field--name-body p:last-child {*/

/*    margin-bottom: 0;*/

/*}*/



/*.field--type-text-long p, .field--type-text-with-summary p, .field--name-body p {*/

/*    font-size: 1rem;*/

/*    line-height: 1.5;*/

/*    margin-bottom: 1.5rem;*/

/*}*/



/*.layout-product .area-aside-top {*/

/*    grid-area: aside_top;*/

/*}*/



/*aside {*/

/*    display: block;*/

/*}*/



/*.layout-product .area-aside-bottom {*/

/*    grid-area: aside_bottom;*/

/*    margin-bottom: .5rem;*/

/*}.layout-product .area-aside-bottom {*/

/*    grid-area: aside_bottom;*/

/*    margin-bottom: .5rem;*/

/*}*/



/*.layout-product .area-aside-bottom {*/

/*    grid-area: aside_bottom;*/

/*    margin-bottom: .5rem;*/

/*}.layout-product .area-below-content {*/

/*    grid-area: bc;*/

/*    max-width: 100%;*/

/*}*/

/*.layout-product .area-above-footer {*/

/*    grid-area: af;*/

/*    max-width: 100%;*/

/*}*/





#socialcorn_form {

    display: flex;

}







#form_info .container{

    display: flex;

    flex-direction: row-reverse;

}



#form_info .container .info .row{

    flex-direction: column;

}



#form_info .container .info h2{

    margin-bottom: 0;

    padding-bottom: 5px;

    font-size: 22px;

    font-family: 'Roboto Slab';

}





#form_info .container .info .mb-8{

    padding-bottom: 15px;

}



#form_info .container .info .htc__contact__wrap{

    padding-left: 0;

    padding-right: 0;

}



#form_info .info {

    width: 30%;

}



#form_info .form {

    width: 60%;

}



#form_info .form {

    position: relative;

    left: -100px;

}



#form_info .container .info .ht__address{

    text-align:left;

    border-bottom: 1px solid #49a010;

    margin-bottom: 10px;

    padding-bottom: 10px;

}

#form_info .container .info .ht__address: nth-of-type(4){

    border-bottom:none;

}





.htc__contact__wrap:nth-child(4){

    border-bottom:none;

}





/* Styling for product pages */

        .h2mainstyle {

            font-family: 'Roboto Slab';

            font-weight: 600;

            font-size: 40px;

        }



        .h2style {

            font-family: 'Roboto Slab';

            font-weight: 600;

            font-size: 30px;

        }





        .overlay {

            display: none;

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, 0.5);

            justify-content: center;

            align-items: center;

            z-index: 100;

        }



        .popup-form {

            background-color: #fff;

            padding: 10px;

            max-width: 600px;

            margin: auto;

            border-radius: 8px;

            position: relative;

            z-index: 102;

            font-size: 15px;

        }



        .close-btn {

            position: absolute;

            top: 10px;

            right: 10px;

            cursor: pointer;

        }



        label {

            display: block;

            margin-bottom: 8px;

        }



        input {

            width: 100%;

            padding: 8px;

            margin-bottom: 16px;

            box-sizing: border-box;

        }



        button {

            padding: 10px;

            background-color: #4CAF50;

            color: #fff;

            border: none;

            border-radius: 4px;

            cursor: pointer;

        }



        .product-cate{

            font-family: 'Roboto Slab';

            font-weight: 500;

            font-size: 18px;

            padding-top: 25%;

        }



        .product-page{

            width: 100%;

        }

    .pro-overview{

        width: 100%;

        height: 2.5rem;

        display: flex;

        align-items: center;

            background-color: #49a010;

    color: #fff;

    }

    .over{

        max-width: 80%;

        margin-left: 7%;

            padding: 2px;

            font-weight: 600;

    }

    .pro-name{

        font-size: 35px;

        font-weight: 700;

    }

    .product-info{

        display: flex;

        max-width: 80%;

        margin-left: 5%;

        gap: 5%;

/*        margin-top: 2%;*/

        padding: 2%;

    }

    .pro-description{

        display: flex;

        flex-direction: column;

        line-height: 1.4;

    }

    .gen-desc-section{

        width: 100%;

    }

    .gen-desc{

        max-width: 80%;

        margin-left: 7%;

    }

    .gen-desc h2{

        font-size: 25px;

    }    

    .packs{

        font-size: 17px;

        font-weight: 700;

        margin-top: 15px;

    }

    .gen-desc-section{

        margin: 50px;

        position: relative;

    }

    span.desc-head{

        color: #2957A4;

        font-weight: 700;

        font-size: 1.1rem;

    }

    p{

        font-family: inherit;

    }

    .download-btn{

        border: 1px solid black;

        display: inline-block;

        padding: 7px 30px;

        color: #000;

        border-radius: 10px;

        position: absolute;

        right: 15%;

        top:0%;

    }



    .facebook-plugin{

        width: 50%;

    }

    #form-info{

        padding-top: 30px;

    }

    .insta-plugin{

        width:50%;  

        overflow:scroll;

    }

    .bradcaump-title{

        color: #fff;

        text-align: center;

        font-size: 36px;

        font-family: 'Roboto Slab';

    }

    #makeindia{

        text-align:center; 

        margin-bottom:30px;

    }

    .rand{

        padding: 40px 20px;

    }

    .rand-head{

        font-size: 25px;

    }



    .mobile-v{

        display: none;

    }

    

    .desk-v {

        justify-content: center;

        display: flex;

    }

    

    .logo-m{

        max-width: 150px;

    }

    .pro-image{

        width: 45%;

    }

    .insecti-f-color{

        color: #2957A4;

    }

    .insecti-b-color{

        background-color: #2957A4;

    }

    .fungi-f-color{

        color:#FDB92E;

    }

    .fungi-b-color{

        background-color:#FDB92E;

    }

    .herbi-f-color{

        color: #345D3B;

    }

    .herbi-b-color{

        background-color: #345D3B;

    }

    .bferti-f-color{

        color: #df0000;

    }

    .bferti-f-color{

        background-color: #df0000;

    }

    .pgr-f-color{

        color: #A53692;

    }

    .pgr-b-color{

        background-color: #A53692;

    }

    .insecbro{

        font-weight: bold;

        background-color: #2957A4;

    }

    #logo-m{

        max-width: 180px;

    }

    .insecbro > a{

        color: #fff;

    }

    

    

    #prod-mob {

        display: none;

    }

    

    #prod-mob #banner-slider {

        background: #ffffff;

    }

    

    #prod-mob .owl-carousel.owl-drag .owl-item {

        background: #fff;

        display: flex;

        justify-content: center;

    }

    

    /*rotating breadcrum*/

    

    .rotate {
        animation: rotation 8s infinite linear;
        /* position: absolute; */
        /* left: 0%; */
        /* z-index: -10; */
        /* position: absolute; */
        /* left: -14%; */
        /* top: -152px; */
        /* z-index: -10; */
        /* width: 780px; */
        position: relative;
        z-index: 10;
    }

    #breadcrum {
        padding-top: 20px;
        position: relative;
        padding-bottom: 20px;
    }

    .bdbg1 {
        background: url(../images/bdbg1.png) center center repeat;
        background-size: cover;;
    }

    .bdbg2 {
        background: url(../images/bdbg2.png) center center repeat;
        background-size: cover;;
    }

    .bdbg3 {
        background: url(../images/bdbg3.png) center center repeat;
        background-size: cover;;
    }

    .bdbg4 {
        background: url(../images/bdbg4.png) center center repeat;
        background-size: cover;;
    }

    .bdbg5 {
        background: url(../images/bdbg5.png) center center repeat;
        background-size: cover;;
    }

    .bdbg6 {
        background: url(../images/bdbg6.png) center center repeat;
        background-size: cover;
    }

    
}



    .bgrotate {
        position: relative;
        /* top: 16rem; */
        z-index: 11;
        /* left: 14rem; */
    }

    .breadtext {
        position: absolute;
    }

    .breadtext {
        position: absolute;
        top: 44%;
        left: 17%;
        z-index: 11;
    }

    .bdbg2 .breadtext {
        left: 14% ;
    }

    .bdbg3 .breadtext {
        left: 19%;
    }


    .bdbg4 .breadtext {
        top: 39%;
        left: 5%;
        width: 40%;
    }

    .bdbg6 .breadtext {
        left: 16%;
    }


    .bdchild {
        display: flex;
        width: 50%;
        justify-content: center;
    }

    

    .farmerimg {

        z-index: -10;

        position: relative;

    }

    



    @keyframes rotation {

      from {

        transform: rotate(0deg);

      }

      to {

        transform: rotate(359deg);

      }

    }

    

    .rotateimage {

        position: relative;

        width: 50%;

        left: 0;

    }

    

    .breadcrum {

        display: flex;

    }

    

    .bdtext {
        /* width: 50%; */
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    

    .bdtext h2 {
        font-size: 66px !important;
        line-height: 1;
    }

    

    #wlcmtm .about__btnn a {

        background-color: white;

        color: green;

    }

    

    #filterBtnContainer button:nth-child(2){

        background: #2957a4;

        color: white;

    }

    #filterBtnContainer button:nth-child(3){

        background: #11722a;

        color: white;

    }

    #filterBtnContainer button:nth-child(4){

        background: #fdb92e;

        color: white;

    }

    #filterBtnContainer button:nth-child(5){

        background: #A53692;

        color: white;

    }

    #filterBtnContainer button:nth-child(6){

        background: #df0000;

        color: white;

    }

    

    button.banner-btn1 {

        position: absolute;

        bottom: 10%;

        left: 6%;

        border-radius: 20px;

        background: transparent;

        border: solid 1px white;

    }

    

    button.banner-btn2 {

        position: absolute;

        right: 30%;

        bottom: 30%;

        border-radius: 20px;

        background: white;

        color: #074a98;

        border: solid;

    }

    

    button.banner-btn3 {

        position: absolute;

        left: 46%;

        bottom: 9%;

        border-radius: 20px;

    }

    

    button.banner-btn4 {

        position: absolute;

        left: 4%;

        bottom: 21%;

        border-radius: 20px;

        background: #006e36;

    }

    

    button.banner-btn5 {

        position: absolute;

        right: 8%;

        bottom: 4%;

        border-radius: 20px;

        background: white;

        color: #000;

    }

    

    .promise-mob {

        display: none;

    }

    


.uspmob {
    display: none !important;
  }
    

#uspmob {
    display: none;
}