@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
html,body,h1,h2,h3,h4,h5,h6,p,aside,article,section,div,main,header,footer,form,input,button,img,figure,figcaption,a,span,ul,ol,li,dd,dt,dl,details,summary,audio,video,iframe,embed,object,hr,br{box-sizing:border-box}ul li{list-style: none;font-size: 20px}
a{text-decoration: none}
p{font-size:20px;color: #000;margin-bottom: 10px}
h2 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 1.1
}

.teee-ptb{padding: 30px 0}
img{width:100%;margin: auto}
.flx{display: flex}.alig{align-items: flex-start}.alig-cen{align-items: center} .jus{justify-content: space-between}.gp{gap:20px} .txt-cen{text-align: center}
*{margin: 0;padding: 0}body{ font-family: 'Lato', sans-serif;line-height: 1.5} 
.teee-wrap{max-width: 85%;margin: auto}
.main h2 {
    background-image: linear-gradient(#2799b1, #d5e76c);
    padding: 20px 0;
    color: #fff;
}
.teee-hd {
    
    color: #6ea633;
    padding: 15px 0;
    border-bottom: 5px solid #fff;}
.teee-hd h2{margin-bottom: 0}
.teee-hd p {
    color: #fff;
}
.logo {
    font-size: 22px;
}
.head-bottom {
    margin: 10px;
}


.teee-home{background-image: linear-gradient(#2799b1, #d5e76c);padding: 30px 0;position: relative}
.teee-home-cn {
    flex: 50%;
}
.teee-home-img{flex: 50%}.teee-home-cn h2 {
    font-size: 45px;
    line-height: 1.2;
    margin-bottom: 15px;
    letter-spacing: -2px;
    font-weight: 800;
    color: #fff;
}
.teee-home-cn p{color: #fff}


.teee-home-infs{position: relative;z-index: 1}
.teee-cont-ct-high {
  background: #fff;
    padding: 20px;
    width: 50%;border-radius: 10px;
}
.ttt-bkg{background-image: linear-gradient(#2799b1, #d5e76c);padding: 50px}
.tt-cn{max-width: 700px;margin: auto}

.teee-ben-img {
    flex: 40%;
    background: #FFF;}
.teee-ben-img img{ border-style: solid;
    border-width: 10px;
    border-image: linear-gradient(#2799b1, #d5e76c) 1;
}
.teee-ben-img p {
    font-weight: 800;
    font-size: 25px;
}
.teee-ben-cn {
    flex: 60%;
}
.teee-ben-cn li {
    margin-bottom: 10px;
}
.teee-ben-cn i {
    
    color: #6ea633;
    font-size: 20px;
}
.pr-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 30px;}
.teee-gau-img{flex: 30%}
.teee-gau-inf{flex: 70%}

.teee-ing-nu{flex: 65%;
  
    padding: 30px;
    border-radius: 20px;}


.teee-ing-list-box{flex:50%;padding: 30px;background-image: linear-gradient(#2799b1, #d5e76c);border-radius: 20px; color:#fff }.teee-ing-nu {
    flex: 65%;
    background: #fff;
    padding: 30px;align-self: center
}.teee-ing-list-box p {
    color: #fff;
}.teee-ing-list-info {
    margin-bottom: 30px;  
}
.teee-ing-list-box img{width: 100px;background: #6ea633;
    border-radius: 50%;}

.ft-li a{color: #fff}
.mb{margin-bottom: 20px}

.teee-if-box{width: 33.3%;}
.teee-if-box img{border-style: solid;
    border-width: 10px;
    border-image: linear-gradient(#2799b1, #d5e76c) 1;}

footer{background-image: linear-gradient(#2799b1, #d5e76c);color: #fff}
input[type=text], select, textarea {
  width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
}
input[type=submit] {    background-color: #6ea633; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
input[type=submit]:hover {background-color: #45a049;}
@media screen and (max-width: 768px){.teee-cont-ct-high{width: 100%}.teee-if-box{width:100%}.dr{flex-direction: column}.dpl{display: none}.teee-home-cn h2 {
    font-size: 40px;}}
@media screen and (min-width: 767px){.st-btn{width: 35%}.pr-box{width: 33.3%}.pr-btn{width: 40%;}}