:root {
--drawer-height: 300px;
}
.header-main .nav > li > a{
padding: 0px 20px 15px;
-webkit-text-stroke: 0px; 
color: #343434;
transition: 0.4s;
&:hover{
-webkit-text-stroke: 1px #629E6A; 
color: #629E6A;
transition: 0.4s;
}
}
.header-main .nav > .active > a{
color: #629E6A;
-webkit-text-stroke: 1px #629E6A; 
transition: 0.4s;
}
.footersec{
padding-left: 0!important;
padding-right: 0!important;
}
.footersec .col{
padding-bottom: 0;
}
.trffooter{
padding: 0 15px 30px 0;
}
.trffooter .menu-main-menu-container ul li a{
color: #fff;
transition: 0.4s;
&:hover{
text-decoration: underline;
transition: 0.4s;
}
}
.trffooter .menu-main-menu-container ul li{
border: none;
}
.userfooter{
padding-right: 0px!important;
}
.userfooter .menu-footer-menu-container ul li a{
color: #fff;
transition: 0.4s;
padding-left: 20px;
&:hover{
text-decoration: underline;
transition: 0.4s;
}
}
.userfooter .menu-footer-menu-container ul{
display: flex;
justify-content: flex-end;
}
.userfooter .menu-footer-menu-container ul li{
border: none;
}
.contactfootera{
padding-top: 6px;
}
.contactfootera a{
color: #fff;
&:hover{
text-decoration: underline;
transition: 0.4s;
color: #fff;
}
}
.linefooter{
padding-right: 0px!important;
}
.linefooter img{
border-radius: 8px;
}
.iconsocialfooter .col-inner{
display: flex;
}
.iconsocialfooter .col-inner .img{
width: 35px!important;
margin-right: 20px;
}
.bannerhome h3{
line-height: 1.5!important;
}
.aboutushometext{
padding: 0 20%;
}
.header.has-sticky.sticky-jump{
height: 100px!important;
opacity: 1;
}
.stuck .header-main{
background: #fff;
}
.moredetailtext{
display: flex;
justify-content: space-between;
}
.moredetailtext h2{
width: 90%;
}
.moredetailtext p{
width: 10%;
margin-bottom: 0;
height: fit-content;
align-self: center;
}
.moredetailtext a{
text-decoration: underline;
}
.allihometitle .col{
padding-bottom: 0;
}
.alliancelinkimg .box-image{
border-radius: 10px;
}
.alliancelinkimg .box-text{
text-shadow: none!important;
}
.alliancelinkimg .box-text img{
margin-top: -3px;
margin-left: 5px;
}
.bannerhomethree{
border-radius: 10px;
}
.bannerhomethree .banner-bg{
border-radius: 10px;
}
.bannerhomethree .text-box h5{
padding: 0 30px;
}
.alliancelinkimg .shade{
background: linear-gradient(0deg,rgba(59, 134, 69, 1) 0%, rgba(59, 134, 69, 0) 50%);
opacity: 1!important;
}
.copyright-footer{
display: none;
}
.acclineleft .accordion-title{
color: #343434!important;
}
.acclineleft .toggle{
right: 0;
left: auto!important;
align-self: anchor-center;
background-color: #3B8645;
width: 30px!important;
height: 30px!important;
opacity: 1;
min-height: 30px;
i{
color: #fff;
font-size: 25px;
line-height: 1;
margin-top: -5px;
}
}
.acclineleft .accordion-title.plain{
padding: 10px 0 10px 10px;
border-top: none;
font-size: 30px;
font-weight: 700;
border-left: 6px solid #D1D1D1;
margin: 30px 0;
}
.acclineleft .accordion-title.plain.active{
border-left: 6px solid #3B8645;
}
.acclineleft .accordion-inner{
padding: 0;
}
.imgcer{
margin: auto;
padding-top: 20px;
}
.allbannergrid .overlay{
background: linear-gradient(0deg, rgba(59, 134, 69, 1) 0%, rgba(59, 134, 69, 0) 50%);
opacity: 1 !important;
background-color: #ffffff00 !important;
}
.allbannergrid{
border-radius: 10px;
}
.allbannergrid .banner-bg.fill{
border-radius: 10px;
}
.bannerontoppage br{
display: none;
}
.knowsec{
}
.knowsec .col .col-inner{
padding: 30px;
border: 1px solid #3B8645;
border-radius: 10px;
}
.knowsec .col .text p:last-child{
margin-bottom: 0px;
}
.bannerlast{
border-radius: 10px;
}
.bannerlast .message-box-bg-image{
border-radius: 10px;
}
.bannerlast .message-box-bg-overlay{
width: 40%;
left: 10%;
}
.bannertextthree{
margin-bottom: 0;
width: 37%;
margin-left: 10%;
}
.poli{
color: #000;
th{
text-align: center;
border-top: 1px solid;
border-left: 1px solid;
color: #000;
}
td{
align-content: flex-start;
border-top: 1px solid;
border-left: 1px solid;
padding: 20px;
color: #000;
}
th:last-child{
width: 65%;
border-right: 1px solid;
}
td:last-child{
width: 65%;
border-right: 1px solid;
}
tr:last-child td{
border-bottom: 1px solid;
}
tr td:first-child{
padding-left: 20px;
}
}
.wearethairain{
border-radius: 10px;
}
.wearethairain .message-box-bg-image{
border-radius: 10px;
}
.wearethairain .message-box-bg-overlay{
background: linear-gradient(0deg, rgba(59, 134, 69, 1) -5%, rgba(59, 134, 69, 0) 150%);
border-radius: 10px;
}
.forbannerwe h4{
width: fit-content;
background: #3B8645;
margin: auto auto 20px;
padding: 5px 20px;
}
.forbannerwe p{
margin-bottom: 20px;
}
.wearefortext .col-inner{
border-radius: 10px;
} @media (min-width: 769px){
.moredetailtext br{
display: none;
}
.aboutusvdo iframe{
height: 800px;
}
.accordion-title.active{
background-color: #ffffff00!important;
}
.footermobilemenu .accordion-title span{
font-weight: 700;
}
.footermobilemenu .accordion-title.plain{
padding: 10px 0;
color: #fff!important;
border-top: none;
}
.footermobilemenu .toggle{
right: 0;
left: auto!important;
align-self: anchor-center;
}
.footermobilemenu .accordion-item li a{
color: #fff;
border-top: none;
padding: 0;
}
} @media (width: 768px){
.aboutushometext{
padding: 0;
}
.moredetailtext br{
display: none;
}
.alliancelinkimg{
height: 205px;
}
.alliancelinkimg .box-image{
height: 200px;
}
.accordion-title.active{
background-color: #ffffff00!important;
}
.footermobilemenu .accordion-title span{
font-weight: 700;
}
.footermobilemenu .accordion-title.plain{
padding: 10px 0;
color: #fff!important;
border-top: none;
}
.footermobilemenu .toggle{
right: 0;
left: auto!important;
align-self: anchor-center;
}
.footermobilemenu .accordion-item li a{
color: #fff;
border-top: none;
padding: 0;
}
.bannerontoppage br{
display: none;
}
.bannerlast .message-box-bg-overlay{
width: 65%;
left: 10%;
}
.bannertextthree{
margin-bottom: 0;
width: 60%;
margin-left: 10%;
}
.bannerlast{
padding-top: 95px!important;
padding-bottom: 95px!important;
}
.onlydesktop{
display: none;
}
.forbannerwe p{
font-size: 22px;
}
.header-main .nav > li > a{
font-size: 16px;
color: #3B8645;
padding: 5px 0 0;
}
.mfp-content{
width: 100%!important;
margin-top: 95px!important;
height: fit-content;
box-shadow: none !important;
border-top: 1px solid #D1D1D1;
transform: translateY(calc(var(--drawer-height) * -1))!important;
transition: transform 0.3s ease!important;
background-color: #fff!important;
}
.mfp-ready .mfp-content{
transform: translateY(0) !important;
}
.mfp-ready{
background: #000;
margin-top: 95px;
}
.mfp-bg{
background: #ffffff00!important;
opacity: 1;
}
.sidebar-menu.no-scrollbar{
padding: 10px 0!important;
}
.mfp-close{
background: #fff;
opacity: 1 !important;
color: #3B8645 !important;
padding: 20px 10px 0 0 !important;
width: 55px !important;
height: 60px !important;
}
.mfp-close svg{
width: 40px!important;
height: 40px!important;
}
.mfp-content .current-menu-item{
background-color: #EBF3EC;
}
.mfp-content .current-menu-item a{
font-weight: 700!important;
}
.mfp-content .menu-item{
border-top: none!important;
}
.mfp-content .menu-item a{
color: #343434;
font-size: 15px;
}
.show-for-medium, [data-show=show-for-medium]{
display: none;
}
.hide-for-medium, [data-show=hide-for-medium]{
display: block!important;
}
.medium-logo-left .flex-right {
flex: 2 1 0!important;
order: 3;
}
.nav>li{
margin: 0 15px!important;
}
} @media (max-width: 767px){
.bannerontoppage br{
display: block;
}
.acclineleft .accordion-title.plain{
font-size: 20px;
padding: 10px 40px 10px 10px;
}
.acclineleft .toggle {
i {
margin-top: 2px;
}
}
.header-main .nav > li > a{
font-size: 16px;
color: #3B8645;
padding: 5px 0 0;
}
.mfp-content{
width: 100%!important;
margin-top: 60px!important;
height: fit-content;
box-shadow: none !important;
border-top: 1px solid #D1D1D1;
transform: translateY(calc(var(--drawer-height) * -1))!important;
transition: transform 0.3s ease!important;
background-color: #fff!important;
}
.mfp-ready .mfp-content{
transform: translateY(0) !important;
}
.mfp-ready{
background: #000;
margin-top: 60px;
}
.mfp-bg{
background: #ffffff00!important;
opacity: 1;
}
.sidebar-menu.no-scrollbar{
padding: 10px 0!important;
}
.mfp-close{
background: #fff;
opacity: 1!important;
color: #3B8645!important;
padding: 10px 10px 0 0!important;
width: 50px!important;
height: 50px !important;
}
.mfp-close svg{
width: 40px!important;
height: 40px!important;
}
.mfp-content .current-menu-item{
background-color: #EBF3EC;
}
.mfp-content .current-menu-item a{
font-weight: 700!important;
}
.mfp-content .menu-item{
border-top: none!important;
}
.mfp-content .menu-item a{
color: #343434;
font-size: 15px;
}
.footersec .col{
padding-right: 0;
padding-left: 16px;
}
.accordion-inner{
padding: 10px 0 30px!important;
}
.trffooter .menu-main-menu-container ul li{
padding: 5px 0;
}
.accordion-title.active{
background-color: #ffffff00!important;
}
.footermobilemenu .accordion-title span{
font-weight: 700;
}
.footermobilemenu .accordion-title.plain{
padding: 10px 0;
color: #fff!important;
border-top: none;
}
.footermobilemenu .toggle{
right: 0;
left: auto!important;
align-self: anchor-center;
}
.footermobilemenu .accordion-item li a{
color: #fff;
border-top: none;
padding: 0;
}
.copyrighttext{
font-size: 12px;
}
.userfooter .menu-footer-menu-container ul{
justify-content: flex-start;
}
.userfooter .menu-footer-menu-container ul li a{
padding-left: 0px;
padding-right: 20px;
font-size: 12px;
}
#logo img{
max-height: 45px!important;
}
.bannertwo h5{
font-size: 20px;
}
.moredetailtext h2{
width: 80%;
}
.moredetailtext p{
width: 20%;
}
.bannerhome h3{
font-size: 16px!important;
}
.trftexthome h1{
font-size: 30px;
}
.aboutushometext{
padding: 0;
}
.alliancelinkimg{
height: 225px;
}
.alliancelinkimg .box-image{
height: 215px;
}
.bannerhomethree .text-box{
width: 75%!important;
}
.aboutushometext p{
font-size: 20px;
}
.onegrid{
min-height: 200px!important;
}
.onegrid .banner-bg{
min-height: 200px;
}
.onegrid .banner-layers{
min-height: 200px;
}
.bannerlast .message-box-bg-overlay{
width: 100%;
left: 0%;
border-radius: 10px;
}
.bannertextthree{
margin-bottom: 0;
width: 100%;
margin-left: 0%;
padding: 0 20px;
}
.bannerlast{
padding-top: 60px!important;
padding-bottom: 60px!important;
}
.forbannerwe h4{
font-size: 25px;
}
.forbannerwe p{
font-size: 20px;
font-size: 20px;
padding: 0 20px;
}
}