*{margin:0px;padding:0px;box-sizing: border-box; font-family: "Merienda", cursive;}
img{max-width: 100%;}
a{text-decoration: none;}
.splide{padding-bottom: 120px;padding-top: 73px;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('./images/splide11.png');background-position: center;background-size: cover; }
.logo{max-width: 226px;margin:0 auto;display: block;}
.logo img{border-radius: 8px;}
.container{max-width: 1290px;margin: 0 auto;padding-left:26px;padding-right:26px;}
.splideCont span{margin-top: 17px;font-size: 16px;}.splideCont h2{font-size: 23px;font-weight: 500;margin-bottom: 15px;}
.splideCont{background-color: rgb(0 215 74 / 65%);padding:42px;border-radius: 12px;max-width: 730px;margin:124px auto 0;text-align: center;color: #fff;}.firstCont h1{font-size: 50px;}
.textsplide li{margin-bottom: 6px;}.textsplide ul{padding-left: 22px;margin-bottom: 25px;}.textsplide p{margin-bottom: 11px;}
.splideCont a:hover{background-color: #fff;transition: 0.3s;color: rgb(0 215 74 / 65%);}
.splidePage{padding-top: 42px;padding-bottom: 73px;}
.splideMenus a:hover{text-decoration: underline;}footer h2{font-size: 28px;margin-bottom: 28px;}
footer h5{font-size: 21px;margin-top: 31px;margin-bottom: 13px;}
footer h3{font-size: 23px;margin-bottom: 11px;}
footer{    background: #242424;padding-top:64px;padding-bottom: 64px;text-align: center;color: #fff;}
.splideMenus a{font-size: 17px;color: #fff;}
.splideMenus{display: flex;align-items: center;margin-bottom: 35px;flex-wrap: wrap;gap:13px;background-color: rgb(0 215 74 / 65%);border-radius: 13px;padding:33px;justify-content: space-between;}
.splideCont a{margin: 22px auto 0;display: block;   border: 2px solid #fff;border-radius: 13px;color: #fff;
    padding: 12px 36px;background: transparent;  font-size: 15px;transition: 0.3s;width: max-content;}
    .splidePage p{margin-bottom: 16px;}.splidePage .logo{margin-bottom: 66px;}.splidePage h1,.splidePage h2,.splidePage h3,.splidePage h4{font-size: 33px;margin-top:35px;margin-bottom: 14px;}
.splidePage li{margin-bottom: 7px;}.splidePage ul{padding-left: 24px;margin-bottom: 24px;}
.textsplide h1,.textsplide h2,.textsplide h3,.textsplide h4{font-size: 34px;margin-bottom: 15px;margin-top:32px;}
.textsplide{padding:24px;background-color: rgb(0 215 74 / 65%);border-radius: 11px;color: #fff;}
.splideInfo p{color: #fff;font-size: 23px;margin-bottom: 7px;font-weight: 700;}
.splides{padding-bottom: 71px;padding-top:53px; position: relative;background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('./images/splide12.png');background-size: cover;background-position: center;}
.splideItem{display: flex;gap:19px;align-items: center;background-color: rgb(0 215 74 / 65%);margin-bottom: 32px;border-radius: 14px;padding:23px;justify-content: space-between;}
.splideTer{max-width: 211px;}.splideItem > *{width: 20%;}.splideLink{display: flex;justify-content: center;}
.splideInfo{text-align: center;}.splideItem h3{color: #fff;font-size: 23px;}
.splideInfo span{color:#fff;}
.splideLogo{max-width: 191px;}
.splideLogos{display: flex;align-items: center;justify-content: space-between;gap:10px;background-color: rgb(0 215 74 / 65%);border-radius: 13px;padding:33px;margin-bottom: 33px;margin-top: 43px;}
.splideLogos img{max-width: 211px;max-height: 82px;}
.splideItem a{display: block;width:max-content;border-radius: 9px;padding: 13px 46px;border: 1px solid #fff;transition: 0.3s;color:#000;background-color: #fff;font-weight: 700;}
.splideItem a:hover{color:#fff;transition:0.3s;background-color: transparent;}

@media(max-width:981px){
 .splideItem{flex-wrap: wrap;}.splide{padding-bottom: 57px;}
  .splideCont h1{font-size: 21px;}.splideItem > *{width: 30%;} .splideLogos{flex-wrap: wrap;justify-content: center;}
   .splideCont{margin-top: 64px;    padding: 41px;} 
.splideLogos img{max-width: 172px;max-height: 53px;}
 .splideCont h3{    font-size: 32px;}
}

@media(max-width:747px){
.splideMenus{flex-direction: column;justify-content: center;}
.splideItem{justify-content: center;}
.splideItem > *{width: calc(48% - 10px);}
footer h2{font-size: 24px;}
.textsplide h1, .textsplide h2, .textsplide h3, .textsplide h4{font-size: 24px;}
.splidePage h1,.splidePage h2,.splidePage h3,.splidePage h4{font-size: 24px;}
}

@media(max-width: 563px){
        .splideLogos img{max-width: 153px;max-height: 46px;}
    .textsplide h2{font-size: 21px;}
    .splideItem > *{width: 100%;display: flex; justify-content: center;}
        footer h2 {
        font-size: 16px;
    }
}


/* / */