@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
 font-family: "Inter", serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Kanit", serif;
  font-style: normal;
  color: #000000;
}
h1{
    font-weight:600;
}
h2{   font-weight:500;}
h3{   font-weight:500;}
h4{   font-weight:500;}
h5{   font-weight:300;}
h6{   font-weight:300;}


p,li,a{
    font-family: "Inter", serif!important;
}

.header{
    padding:5px 0px;
}

.header .main-header .header-left .header-right{
    width:24%;
}

.color-grey-500 {
    color:#1f2224;
}

.box-info-video-banner .box-inner-video-banner .card-small{
    height:90%;
}

.secpad{
    padding-bottom:80px;
} 
.secpading{
    padding:80px 0px;} 

    .ctc-button2 {
  display: inline-block;
     background: linear-gradient(135deg, #009bde, #81c874);
  color: white;
  padding: 15px 24px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  text-align:center;
  border-radius: 50px;
  transition: all 0.5s ease;
 box-shadow: 0 4px 0px #148100;
 margin:15px 0px;
}
.ctc-button2:hover {
      background: linear-gradient(135deg, #81c874, #009bde);
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  color:#fff!important;
}

.ctc-button2:active {
  transform: translateY(0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.bg-brand-1{
/*    background-color:#3a6632;*/
 
  background-image: url('/assets/imgs/e3/home/counterbg.png'); /* adjust path as needed */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.box-trial-two .trial-col-2{
    width:100%;
} 

.ctched{
    font-size:40px;
    line-height:50px;
}


.hedcol{
    padding:15px 0px ;
    background-color:#9fdef9 ;
    color:#fff;
        border-radius: 0px 0px 10px 10px;
    
}

.franchise input{
    margin-bottom:10px;
}
.franchise label{
    margin-bottom:5px;
} 

.hedcol h1{
    font-size:50px;
    font-weight:600;
    line-height:60px;
}


.countnu{
    color: #1f9bd6;
}
.redd{
    color: #004f2a;
}
.e3-section {
  background: #f8f9fa;
 
  padding-top: 60px;
  padding-bottom: 60px;
}

.bgrow{
     background-color: #ddffef;
    padding: 30px;
}

.e3-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #7cc354;
  border-bottom: 4px solid #198754;
  display: inline-block;
  padding-bottom: 4px;
}

.e3-fees {
  background: #7cc354;
  color: #fff;
  display: inline-block;
  padding: 12px 12px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 1rem;
}

.section-subtitle {
  font-size: 1.3rem;
  font-weight: 700;
  color: #212529;
  border-bottom: 2px solid #7cc354;
  display: inline-block;
  padding-bottom: 4px;
}

.e3-details {
  font-size: 1rem;
  color: #333;
  line-height: 1.7;
}

.btn-e3 {
  background-color: #7cc354;
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-e3:hover {
  background-color: #7cc354;
  color: #fff;
}

.footer-2{
    background-color: #133f0b;
}

.icon-socials .bi{
        font-size: 20px;
}




.e3-section-2 {
 background: linear-gradient(135deg, #ffffff, #deffeae8);
 padding: 50px 0px;
}

.e3-heading {
  font-size: 25px;
  font-weight: 500; 
  display: inline-block;
  padding-bottom: 8px;

}

.e3-card {
     background: rgb(255 255 255 / 63%);
    border-radius: 7px;
    padding: 25px;
    text-align: center;
    color: #fff;
    height: 100%;
    transition: transform 0.3s ease, background 0.3s ease;
    box-shadow: 0 3px 9px #00000017;
    border: 1px solid #79be5275;
}

.e3-card:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-10px);
}

.e3-card h5 {
  font-size: 18px; 
  font-weight: 500;
  color: #010101;
}

.bank-card ul li{
    margin: 15px 0px;
    font-size: 18px;
    color: #010101;
}

.showtb table th, .showtb table td{
    padding:20px;
}



@media screen and (max-width: 600px) {
    .header-logo {
        max-width: 60px;
    }
    .ctched {
        font-size: 1.8rem; /* Equivalent to 29px */
        line-height: 2.25rem; /* Equivalent to 36px */
    }
    .hedcol h1 {
        font-size: 1.9rem; /* Equivalent to 30px */
        font-weight: 500;
        line-height: 2.5rem; /* Equivalent to 40px */
    }
}
.gtr{visibility: hidden;}